标题 | 水平滚动图片广告特效 |
范文 | 水平滚动图片广告特效:通过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> |
随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。