位置: 编程技术 - 正文
推荐整理分享基于Jquery实现仿百度百科右侧导航代码附源码下载(使用jquery实现的项目),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:用jquerymobile案例,用jquery,jquery设计模式,用jquery,jquery实例,使用jquery实现的项目,使用jquery实现的项目,jquery的实现原理,内容如对您有帮助,希望把文章链接给更多的朋友!
先给大家展示下效果图,看看是不是亲想要实现的效果,如果还满意的话请查看本文详情,同时大家也可以下载源码哦。
效果图:
效果展示 源码下载
代码说明:
仿百度百科右侧导航代码jquery插件,这个仿百科右侧导航js代码,在很久以前就像搞个用了,因为这个导航特别适合长篇文档使用,花了半天时间写了这个仿百科导航插件,不过和百度百科比起来还是有点弱,没有实现右侧导航区域滚动的功能,如果您的文档不是超级变态长,应该够用。
如果你的导航超级长,可能要用到侧边导航页可以滚动,一般情况下还是用不到,等过些时候有好的实现思路再搞吧,暂时没想到实现右侧导航区域和左侧内容的滚动并且联动的好办法。
注意:var directoryNav = new DirectoryNav($("h2,h3"),{}); 中的"h2,h3"就是生成两级导航的内容节点
在写百度百科右侧导航js代码的时候有个想法,就是让右侧导航区域的滚动条和左侧内容的滚动条用一个计算公式让他们关联起来,实现同步滚动。
jQuery实现图片预加载效果 本文实例讲述了jQuery实现图片预加载效果代码。分享给大家供大家参考。具体如下:运行效果截图如下:具体代码如下:html代码:divclass="main"brdivclass="t
jquery+json实现数据二级联动的方法 本文实例讲述了jquery+json实现数据二级联动的方法。分享给大家供大家参考,具体如下:functionGetCityInfo1(){$("#ddlCITY1").empty();//$("#ddlCOUNTY").empty();varstrId=$("
jQuery如何使用自动触发事件trigger 有时候,需要通过模拟用户操作,来达到点击的效果,例如用户进入页面后就触发click事件,而无需主动点击。比如以下代码:bodyahref="#"onclick="javascript:
标签: 使用jquery实现的项目
本文链接地址:https://www.jiuchutong.com/biancheng/373851.html 转载请保留说明!友情链接: 武汉网站建设