您好,欢迎访问一九零五行业门户网

jQuery插件StickUp实现网页导航置顶_jquery

实用的jquery网页元素固定导航置顶插件stickup,简单的jquery插件,实现网页元素固定,如导航固定让其总是保持在视图中可见,在one-page页面中就可以看出效果,大家可以研究研究。
使用方法:
1.加载插件和jquery
script> script> script>
2.html内容(bootstrap布局)
homea featuresa updatesa installationa one pagera extrasa wordpressa contacta

3.函数调用
//initiating jquery jquery(function($) { $(document).ready( function() { //enabling stickup on the '.navbar-wrapper' class $('.navbar-wrapper').stickup({ parts: { 0:'home', 1:'features', 2: 'news', 3: 'installation', 4: 'one-pager', 5: 'extras', 6: 'wordpress', 7: 'contact' }, itemclass: 'menuitem', itemhover: 'active' }); }); });
查看demo   立即下载
以上所述就是本文的全部内容了,希望对大家熟练使用jquery能够有所帮助。
其它类似信息

推荐信息