简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

水平滚动图片广告特效

来源:易贤网   阅读:784 次  日期:2014-08-26 11:24:00

温馨提示:易贤网小编为您整理了“水平滚动图片广告特效”,方便广大网友查阅!

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

更多信息请查看脚本栏目
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:javascript逐行变色,点击变色
下一篇:javascript读取文件大小
易贤网手机网站地址:水平滚动图片广告特效
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!