美文网首页前端杂货铺
淘宝框的制作JQ

淘宝框的制作JQ

作者: 炙冰 | 来源:发表于2016-11-05 09:22 被阅读0次

1.首先导入jQ

2.入口函数

$(document).ready(function () {

当左边得的li被划过时

$(".ul1 li").mouseenter(function(){

取出它自身划过的值, 让     中间的ul里的li, 显示     并遍历隐藏所有的li

$(".ul2 li").eq($(this).index()).show().siblings("li").hide();

});

当右边得的li被划过时

$(".ul3 li").mouseenter(function(){

取出它自身划过的值, 让    中间的ul里的li, 显示    并遍历隐藏所有的li

$(".ul2 li").eq($(this).index()+9).show().siblings("li").hide();

});

});

在这里并没有什么高深的JQ知识有的只有最基础的JQ运用!

高深的JQ不是一蹴而就的而是从最基础的JQ运用而来的!

相关文章

网友评论

    本文标题:淘宝框的制作JQ

    本文链接:https://www.haomeiwen.com/subject/uznwuttx.html