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