水平滚动图片广告特效
2014-10-15来源:易贤网

水平滚动图片广告特效:通过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>

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息