首頁猿問鼠標(biāo)滑過顯示下一頁，能給解釋一下這...

鼠標(biāo)滑過顯示下一頁，能給解釋一下這段代碼嗎？

JQuery

成長前端初學(xué)者 2016-10-29 14:37:54

var time;$(".bannerR .item a").hover(function(){? var index=$(this).index();? var num=index*69;? var ddd=$(this);? time=setTimeout(function(){? ? $(".bannerR span").removeClass("spanHover");? ? ddd.find("span").addClass("spanHover");? ? $(".bannerR i").css({display:"none",top:18,opacity:0});? ? ddd.find("i").css({display:"block"}).animate({top:23,opacity:1},600);? ? $(".hong").delay(200).stop().animate({left:num-110},200);? ? $(".shipin").hide().eq(index-2).show();? },400);},function(){? clearTimeout(time);});

查看完整描述

1 回答

已采納

紫菜中毒

TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超0個(gè)贊

$(".bannerR ?.item a") 這個(gè)是jq的類選擇器，里面還包含了一個(gè)層次選擇器，在css 里面 .bannerR,.item { }來表示兩個(gè)類共有樣式。?$(".bannerR ?.item") ?比如 <div class="bannerR"></div>?<div class="item"></div> ?,$(".bannerR ?.item") .hover 就是指這兩個(gè)div的jq hover效果；$(".bannerR ?.item a") 就是包含了層次選擇器應(yīng)該是?.bannerR ?和?.item a ;?var index=$(this).index() 是索引從 0開始，?time=setTimeout 就是延遲加載效果里面就執(zhí)行的就是一坨jq動(dòng)畫效果；

function(){

? clearTimeout(time);

});

就是hover的回調(diào)事件 ?jq .hover ?就類似css的hover。不懂的再去看下jq，大概就這樣子

反對回復(fù) 2016-10-30

成長前端初學(xué)者
var num=index*69; $(".hong").delay(200).stop().animate({left:num-110},200); $(".shipin").hide().eq(index-2).show(); 這幾句具體的代碼是什么意思

回復(fù) 2016-10-30