jquery第一次运行正常,第二次加載不行,為啥呢?还请高手不吝赐教。.ad2{ height:415px;width:960px; overflow:hidden; position:relative;}
.ad2 a{ float:left; position:absolute;}
<script src="js/jquery-1.6.2.min.js" type="text/javascript" ></script> <script type="text/javascript">$(function(){ var len = $(".ad2 > a").length; var index = 0; var adTimer;for(i=0;i<=len-1;i++){ $(".ad2 a").eq(i).css("z-index",len-i);} //滑入 停止动画,滑出开始动画. $('.ad2').hover(function(){ clearInterval(adTimer); },function(){ adTimer =setInterval(function(){ showImg(index); index++; if(index==len){index=0;} } , 6000); }).trigger("mouseleave"); function showImg(index){ $(".ad2 a").eq(index).css("z-index",len+2).animate({marginLeft:"-960px"},3000,function(){ $(this).css({"z-index":len-index,"margin-left":"0px"}); }).next().css("z-index",len+1); }})</script>
<div class="ad2"><a href="#"><img src="images/ad2_img.jpg" /></a><a href="#"><img src="images/ad2_img_1.jpg" /></a><a href="#"><img src="images/ad2_img_2.jpg" /></a><a href="#"><img src="images/ad2_img_3.jpg" /></a></div>
.ad2 a{ float:left; position:absolute;}
<script src="js/jquery-1.6.2.min.js" type="text/javascript" ></script> <script type="text/javascript">$(function(){ var len = $(".ad2 > a").length; var index = 0; var adTimer;for(i=0;i<=len-1;i++){ $(".ad2 a").eq(i).css("z-index",len-i);} //滑入 停止动画,滑出开始动画. $('.ad2').hover(function(){ clearInterval(adTimer); },function(){ adTimer =setInterval(function(){ showImg(index); index++; if(index==len){index=0;} } , 6000); }).trigger("mouseleave"); function showImg(index){ $(".ad2 a").eq(index).css("z-index",len+2).animate({marginLeft:"-960px"},3000,function(){ $(this).css({"z-index":len-index,"margin-left":"0px"}); }).next().css("z-index",len+1); }})</script>
<div class="ad2"><a href="#"><img src="images/ad2_img.jpg" /></a><a href="#"><img src="images/ad2_img_1.jpg" /></a><a href="#"><img src="images/ad2_img_2.jpg" /></a><a href="#"><img src="images/ad2_img_3.jpg" /></a></div>
解决方案 »
- 使用.NET服务器控件时如<asp:LinkButton加个JS确认操作提示框的问题
- 如何让IE直接显示JS的内容?
- JQ怎么控制多个文本框获取、失去鼠标焦点事件
- 介绍几个jquery的小控件
- ie浏览器好像不支持通过属性选择符,即不支持E1[attr=value]{}方式,那我想对<input type=text>和<input type=button>有不同的样式,css
- 求助!!!google api v3 让marker图标改为gif动态图片
- RadioButton显示的文本,用javascript怎样添加,要支持FireFox
- [求助]我打开了一个层,怎样才能当我点击层以外的地方把该层隐藏起来
- 让TextArea控件没有边框,并让它根据字量的增大自动增长,很简单哦,快快快哦!!
- 急~关于createTextNode的换行问题
- 有没有办法设计一个能够拖动边框的表格
- IReport 柱形图问题
$(function(){
var len = $(".num > li").length;
var index = 0;
var adTimer;
$(".num li").mouseover(function(){
index = $(".num li").index(this);
showImg(index);
}).eq(0).mouseover();
//滑入停止动画,滑出开始动画 懒人建站 http://www.51xuediannao.com/
$('.ad').hover(function(){
clearInterval(adTimer);
},function(){
adTimer = setInterval(function(){
showImg(index)
index++;
if(index==len){index=0;}
} , 2000);
}).trigger("mouseleave");
})
// 通过控制top ,来显示不同的幻灯片 懒人建站 http://www.51xuediannao.com/
function showImg(index){
var adHeight = $(".ad").height();
$(".slider").stop(true,false).animate({top : -adHeight*index},400);
$(".num li").removeClass("on")
.eq(index).addClass("on");
}
</script>