淘宝框的制作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运用而来的!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 670评论 0 3
  • JQ DOM操作 var div=$("<div><a herf=‘#’></a></div>")//创建新标签 ...
    久久归移阅读 779评论 0 6
  • jQuery基础 什么是JQ?一个优秀的JS库,大型开发必备JQ的好处?一简化JS的复杂操作二不再需要关心兼容性三...
    幺七阅读 955评论 0 2
  • jQ对象是对DOM对象进行包装后产生的对象,DOM对象和jQ对象中的方法和属性不可互用jQuery对象与DOM对象...
    JacobMa1996阅读 1,561评论 0 1
  • 今晚我不写诗 不写生命 我只写你 你可以恨我 但你一定要原谅我的诗歌 我从遇见你那天 开始以你的名义纪年 我从你离...
    子夜玄白阅读 297评论 4 4