 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| 一个简单的JS图片翻页程序 |
| 来源：经典论坛 更新时间：2011/7/16 22:20:55 阅读次数： 我要投稿 |
|
<script type="text/javascript">
var $69dns={
com:{
pic:{
name:"69互联 图片互换脚本",
help:"修改picList中的图片地址来定义图片列表",
picNext:function(o){
if(picSel<picList.length-1)
picSel++;
else
picSel=0;
$69dns.com.pic.picView(o);
},
picReNext:function(o){
if(picSel>0)
picSel--;
else
picSel=picList.length-1;
$69dns.com.pic.picView(o);
},
picView:function(o){
document.getElementById(o).src=picList[picSel];
document.getElementById("debug").innerHTML="第"+(picSel+1)+"张图片，请点击上一张下一张测试";
}
}
}
}
var picSel=0;
var picList=Array();
picList[0]='http://www.69dns.com/images/logo.gif';
picList[1]='http://www.baidu.com/img/logo-yy.gif';
picList[2]='http://img1.cache.netease.com/cnews/img09/newslogo2.gif';
</script>
<a href="#" onclick="$69dns.com.pic.picReNext('picBox');return false;">上一张</a>
<img src="http://www.69dns.com/images/logo.gif" id="picBox" />
<a href="#" onclick="$69dns.com.pic.picNext('picBox');return false;">下一张</a><br />
<div id="debug">第一张图片，请点击上一张下一张测试</div> |
|
| 上一篇文章： 带停顿的横向图片滚动效果下一篇文章： 服装展示图片旋转效果jquery代码 |
|
|
|
注册 登录
