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貢獻4條經驗 獲得超0個贊
$(".bannerR ?.item a") 這個是jq的類選擇器，里面還包含了一個層次選擇器，在css 里面 .bannerR,.item { }來表示兩個類共有樣式。?$(".bannerR ?.item") ?比如 <div class="bannerR"></div>?<div class="item"></div> ?,$(".bannerR ?.item") .hover 就是指這兩個div的jq hover效果；$(".bannerR ?.item a") 就是包含了層次選擇器 應該是?.bannerR ?和?.item a ;?var index=$(this).index() 是索引從 0開始，?time=setTimeout 就是延遲加載效果 里面就執行的就是一坨jq動畫效果 ；
function(){
? clearTimeout(time);
});
就是hover的回調事件 ?jq .hover ?就 類似css的hover。不懂的再去看下jq，大概就這樣子
-
成長前端初學者var num=index*69; $(".hong").delay(200).stop().animate({left:num-110},200); $(".shipin").hide().eq(index-2).show(); 這幾句具體的代碼是什么意思
- 1 回答
- 0 關注
- 1202 瀏覽
添加回答
舉報
0/150
提交
取消