淘宝框的制作JQ

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运用而来的！