求帮我解释一下这段javascript代码什么意思?>_< 急 10
如果回答的好我在追加悬赏谢谢各位了$(function(){varindexWarp=$(".indexul");varcurrentLi;varpage_Li;varp...
如果回答的好我在追加悬赏 谢谢各位了
$(function(){
var indexWarp = $(".index ul");
var currentLi;
var page_Li;
var page_y;
var imgLi;
var li;
var interval ;
var num;
//首页图片循环显示
if($("#img_show").children("li").length>1){ //判断图片个数是否大于1
//alert($("#img_show").children("li").length);
$("#img_show").children("li").each(function(i){
//if(i<=3){
var num = i;
var imgLi = $(this);
var li = $('<li>'+(i+1)+'</li>');
indexWarp.append(li);
if(i == 0){
currentLi = imgLi;
imgLi.fadeIn("slow");
page_Li = li;
page_y = li;
page_Li.addClass("index_now");
}
li.mouseover(function(){
//停止循环显示
window.clearInterval(interval);
if(!$(this).hasClass("index_now")){
//page_Li当前所存储是的上一次的LI
page_Li.removeClass("index_now");
var index = page_Li.index();
var currentLi = $($("#img_show").children("li")[index]);
currentLi.fadeOut("slow");
//page_Li重新赋值
page_Li = $(this);
page_Li.addClass("index_now");
index = page_Li.index();
currentLi = $($("#img_show").children("li")[index]);
currentLi.fadeIn("slow");
}
})
li.mouseout(function(){
interval = setInterval(function(){loop();}, 3000);
})
//}
});
}
else{$("#img_show").children("li").fadeIn("slow");} //如果图片少于一张就不做图片播放
function loop(){
if($("#img_show").children("li").length>1){
page_Li.removeClass("index_now");
index = page_Li.index();
currentLi = $($("#img_show").children("li")[index]);
if(currentLi){
currentLi.fadeOut("slow");
}
//page_Li重新赋值
if( page_Li.next().length !=0)
page_Li= page_Li.next();
else
page_Li=page_y;
page_Li.addClass("index_now");
index = page_Li.index();
currentLi = $($("#img_show").children("li")[index]);
if(currentLi){
currentLi.fadeIn("slow");
}
}
}
interval = setInterval(
function(){loop();}
, 3000);
})
//首页公告滚动显示
是帮我翻译这段代码····································
不是别的 展开
$(function(){
var indexWarp = $(".index ul");
var currentLi;
var page_Li;
var page_y;
var imgLi;
var li;
var interval ;
var num;
//首页图片循环显示
if($("#img_show").children("li").length>1){ //判断图片个数是否大于1
//alert($("#img_show").children("li").length);
$("#img_show").children("li").each(function(i){
//if(i<=3){
var num = i;
var imgLi = $(this);
var li = $('<li>'+(i+1)+'</li>');
indexWarp.append(li);
if(i == 0){
currentLi = imgLi;
imgLi.fadeIn("slow");
page_Li = li;
page_y = li;
page_Li.addClass("index_now");
}
li.mouseover(function(){
//停止循环显示
window.clearInterval(interval);
if(!$(this).hasClass("index_now")){
//page_Li当前所存储是的上一次的LI
page_Li.removeClass("index_now");
var index = page_Li.index();
var currentLi = $($("#img_show").children("li")[index]);
currentLi.fadeOut("slow");
//page_Li重新赋值
page_Li = $(this);
page_Li.addClass("index_now");
index = page_Li.index();
currentLi = $($("#img_show").children("li")[index]);
currentLi.fadeIn("slow");
}
})
li.mouseout(function(){
interval = setInterval(function(){loop();}, 3000);
})
//}
});
}
else{$("#img_show").children("li").fadeIn("slow");} //如果图片少于一张就不做图片播放
function loop(){
if($("#img_show").children("li").length>1){
page_Li.removeClass("index_now");
index = page_Li.index();
currentLi = $($("#img_show").children("li")[index]);
if(currentLi){
currentLi.fadeOut("slow");
}
//page_Li重新赋值
if( page_Li.next().length !=0)
page_Li= page_Li.next();
else
page_Li=page_y;
page_Li.addClass("index_now");
index = page_Li.index();
currentLi = $($("#img_show").children("li")[index]);
if(currentLi){
currentLi.fadeIn("slow");
}
}
}
interval = setInterval(
function(){loop();}
, 3000);
})
//首页公告滚动显示
是帮我翻译这段代码····································
不是别的 展开
展开全部
就是一个幻灯片的展示 啊,当鼠标移在图片上有什么效果,移出有什么效果,以及自动轮播等等
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
具体哪些代码你看不懂,总不能一句一句给你翻译吧
追问
$(function(){
var indexWarp = $(".index ul");
var currentLi;
var page_Li;
var page_y;
var imgLi;
var li;
var interval ;
var num;
我除了这段开头- -其余的基本不懂,是真的真的白纸一张,所以能不能麻烦帮我翻译一下,非常感谢,实在是没办法
追答
2楼说的对,你要自己去看教程的搜jquery api
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询