jQuery加上延遲器
jQuery(document).ready(function() {
?? ?var t = $(".dox li"),
?? ??? ?b = $(".dox div");
?? ?var index = 0;
?? ?var timer = null;
?? ?if (t.length != b.length) return;
?? ?for (var i = 0; i < t.length; i++) {
?? ??? ?t[i].id = i;
?? ??? ?$(t[i]).mouseover(function() {
?? ??? ??? ?var that = this;
?? ??? ??? ?////如果存在準備執(zhí)行的定時器,立即清除;只有當時時間大于100ms開始執(zhí)行;
?? ??? ??? ?if (timer) {
?? ??? ??? ??? ?clearTimeout(timer);
?? ??? ??? ??? ?timer = null;
?? ??? ??? ?}
?? ??? ??? ?timer = setTimeout(function() {
?? ??? ??? ??? ?for (var j = 0; j < b.length; j++) {
?? ??? ??? ??? ??? ?b.css("display", "none");
?? ??? ??? ??? ??? ?t.removeClass();
?? ??? ??? ??? ?};
?? ??? ??? ??? ?// console.log($(that));
?? ??? ??? ??? ?// console.log($(b[that.id]));
?? ??? ??? ??? ?$(that).addClass('hover');
?? ??? ??? ??? ?$(b[that.id]).css("display", "block");
?? ??? ??? ?}, 100);
?? ??? ?});
?? ?};
});
2015-07-20
代碼成功實現(xiàn)