网站制作学习网JS脚本→正文:水平滚动图片广告特效
字体:

水平滚动图片广告特效

JS脚本 2011/9/27 17:52:15  点击:不统计

<本文原载于www.forasp.cn>
水平滚动图片广告特效:通过jquery操作层的left属性,在层中设置超出隐藏来时先的。看代码
<script language="javascript">
var seT;
var num =3;//设置总数量
var bnum = 1;//设置开始为转向第一个,默认为第0个
$(function(){
   $("#img_num > img ").each(function(index){//设置小按钮的点击
     $(this).click(function(){clearInterval(seT);bnum = index;move();seT = setInterval(move,3000);});
 });seT = setInterval(move,3000);
});
function move(){//设置滚动动作
 if(bnum==3)bnum=0;
    $(".bb").animate({"left":-980*bnum});
 setImg(bnum);
 bnum++; 
}
function setImg(bnum){//设置小按钮的图片转换
 $("#img_num >img").attr("src","images/an2.png").eq(bnum).attr("src","images/an1.png");
 }
</script>
查看效果:下载代码
<%77w%77%2Ef%6F%72p%73%70%2Ec%6E>

·上一篇:javascript逐行变色,点击变色 >>    ·下一篇:javascript读取文件大小 >>
推荐文章
最新文章