网站建设资讯

NEWS

网站建设资讯

jquery图片轮换-创新互联

创新互联专业成都做网站、成都网站设计、成都外贸网站建设,集网站策划、网站设计、网站制作于一体,网站seo、网站优化、网站营销、软文推广等专业人才根据搜索规律编程设计,让网站在运行后,在搜索中有好的表现,专业设计制作为您带来效益的网站!让网站建设为您创造效益。> body{text-algin:center;margin:0px;font-size:12px; font-family:Arial, Helvetica, sans-serif;padding:36px 0px 0px 0px; color:#6b6b6b;} ul,li,ol,h1,h2,h3,h4{margin:0px; padding:0px;color:#804f21;} ul,li,ol{list-style:none;} p{margin:0px; padding:0px;color:#6b6b6b;word-break: break-all; } img{border:0px;} a{color:#804f21;text-decoration:none;} a:hover{color:#804f21;text-decoration:underline;border:none;*vertical-align:baseline;} #slidecont{width:635px;z-index:0;float:left;margin-left:5px;display:inline;height:342px;position:relative;} #slideimg{width:635px;margin:0px auto;height:342px;overflow:hidden;z-index:-1;} #slidebtn{bottom: 6px;height: 23px;padding: 0 8px 0 10px;position: absolute;right: 0;z-index:2;} #slidebtn a{float:left;background-color: #FFFFFF;display: block;height: 24px;line-height: 24px;margin-left: 5px;text-align: center;width: 25px;opacity:0.4;filter:alpha(opacity=50); text-decoration:none;} #slidebtn a.activeSlide{ width: 25px;height: 24px;display:block;opacity:1;filter:alpha(opacity=100);} .hotpic{ width:635px; height:342px; position:relative; overflow:hidden; padding:0px;margin:0px 0px 0px 4px;} .num{ position:absolute;right:6px; top:310px; z-index:10;} .num a{ width:20px; height:20px; line-height:20px;display:inline-block; text-align:center; margin:0px 4px 0px 0px; cursor:pointer; text-decoration:none; color:#977037; font-weight:bold; border:1px solid #fff; background:#fcf9f4;font-size:14px;} .num a.cur{ background:#977037;color:#fff;} $(function () { var sw= 0; $(".hotpic .num a").mouseover(function () { sw= $(".num a").index(this); myShow(sw); }); function myShow(i) { $(".hotpic .num a").eq(i).addClass("cur").siblings("a").removeClass("cur"); $(".hotpic ul li").eq(i).stop(true,true).fadeIn(600).siblings("li").fadeOut(600); } $(".hotpic").hover(function () { if (myTime) { clearInterval(myTime); } },function () { myTime= setInterval(function () { myShow(sw) sw++; if (sw== 8) { sw= 0; } },3000); }); var myTime= setInterval(function () { myShow(sw) sw++; if (sw== 8) { sw= 0; } },3000); }) 1 2 3 4 5 6 7

网页名称:jquery图片轮换-创新互联
分享地址:http://cdweb.net/article/idscp.html

其他资讯