jquery京东新版左侧下拉分类导航菜单代码

下载地址

$(".all-sort-list >.item").hover(function () { var eq = $(".all-sort-list >.item").index(this), h = $(".all-sort-list").offset().top, s = $(window).scrollTop(), i = $(this).offset().top, item = $(this).children(".item-list").height(), sort = $(".all-sort-list").height(); if (item < sort) { if (eq == 0) { $(this).children(".item-list").css("top", (i - h)); } else { $(this).children(".item-list").css("top", (i - h) + 1); } } else { if (s >h) { if (i - s >0) { Bug, $(this).children(".item-list").css("top", (s - h) + 2); } else { $(this).children(".item-list").css("top", (s - h) - (-(i - s)) + 2); } } else { $(this).children(".item-list").css("top", 3); } } $(this).addClass("hover"); $(this).children(".item-list").css("display", "block"); }, function () { $(this).removeClass("hover"); $(this).children(".item-list").css("display", "none"); }); $(".item >.item-list >.close").click(function () { $(this).parent().parent().removeClass("hover"); $(this).parent().hide(); });

dd:

jquery京东新版左侧下拉分类导航菜单代码相关推荐

怎么在html5中制作下拉导航栏,在PPT中制作下拉式导航菜单效果的方法
为了提高PPT演示文稿的观赏性,用户可能希望在PPT幻灯片中添加下拉式导航菜单效果,通过该导航菜单在不同幻灯片间进行导航(如图1所示),制作下拉式导航菜单的具体操作步骤如下. 图1 下拉式导航菜单 ( ...
php 京东首页分类导航,纯CSS京东商城分类导航菜单代码-懒人建站
h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f},Z=/^(?:checkbox|r ...
html仿写京东左侧,jQuery模仿京东/天猫商品左侧分类导航菜单效果
现在天猫或者京东商品分类模块的默认的效果是这样的: 当鼠标滑过任意一栏导航分类时,就会出现相关详细分类模块,例如: 当鼠标移出蓝色框以外的区域,就会恢复默认的效果显示!然而使用jQuery的鼠标滑过事 ...
Bootstrap 带下拉的导航
下拉菜单(dropdown)是一个独立的组件,它可以与页面上任何元素(如,按钮.导航等)捆绑使用.可以为导航捆绑下拉菜单,来制作带下拉的导航. 如果要给导航的某个列表项添加下拉菜单,只需给相应的列表项 ...
php左测导航栏,商城左侧大分类导航菜单教程完整代码
提示:本页面右侧代码编辑器中的代码纯属展示调试代码本代码最终的效果请用下面的的完整代码,复制到本地运行完整代码html> 商城左侧大分类导航菜单 *{ margin:0; padding:0 ...
随着滚动条下拉，导航栏置顶
随着滚动条下拉,导航栏置顶想做一个这样的效果,当我们下拉滚动条时,写的导航栏置顶. 这是效果图先学习用到的基本知识 jQuery CSS 操作 - scrollTop() 方法 scrollTop ...
jQuery 分类导航菜单条点击变色
JQuery 分类导航菜单条点击变色,当点击导航菜单则当前点击选中导航菜单变色其它还原,依次类推. <script type="text/javascript" src=&q ...
jQuery自定义漂亮的下拉框插件8种效果演示
原始的下拉框不好看这里推荐一个jQuery自定义漂亮的下拉框插件8种效果演示在线预览下载地址实例代码 <!DOCTYPE html> <html lang="en& ...
html 微博下拉菜单,jQuery实现模仿微博下拉滚动条加载数据效果
本文实例讲述了jQuery实现模仿微博下拉滚动条加载数据效果.分享给大家供大家参考,具体如下: 滚动条距离底部 $(function () { var i = 4; $(window).bind(&q ...

jquery京东新版左侧下拉分类导航菜单代码

jquery京东新版左侧下拉分类导航菜单代码相关推荐

最新文章

热门文章