jQuery 顶部导航跟随滚动条滚动固定浮动在顶部

所属分类: 网络编程 / JavaScript 阅读数: 328
收藏 0 赞 0 分享
 
复制代码 代码如下:

<section>
<article class="left">
<p>
</p>
<ul>
<li><a href="http://freejs.net/article_jquerywenzi_149.html" title="Ajax 动态加载内容">Ajax 动态加载内容</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_148.html" title="jquery 弹出层 弹窗">jquery 弹出层 弹窗</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_147.html" title="php文件管理,可以点击按照时间,大小,名称排序">php文件管理,可以点击按照时间,大小,名称排序</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_146.html" title="jQuery 二级菜单,一次显示一个小类 鼠标点击显示小类">jQuery 二级菜单,一次显示一个小类 鼠标点击...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_145.html" title="jQuery 滑动改变价格">jQuery 滑动改变价格</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_144.html" title="jQuery 垂直滑动新闻展示">jQuery 垂直滑动新闻展示</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_143.html" title="投票喜欢/不喜欢 ajax无刷新">投票喜欢/不喜欢 ajax无刷新</a></li>
<li><a href="http://freejs.net/article_biaodan_142.html" title="login and signup 注册和登录tab页面">login and signup 注册和登录tab...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_141.html" title="tooltip插件">tooltip插件</a></li>
<li><a href="http://freejs.net/article_biaodan_140.html" title="Jquery 验证注册">Jquery 验证注册</a></li>
</ul>
<ul>
<li><a href="http://freejs.net/article_fenye_19.html" title="jquery 无刷新翻页">jquery 无刷新翻页</a></li>
<li><a href="http://freejs.net/article_biaodan_34.html" title="jquery表格可编辑修改表格里面的值,点击td变input无刷新更新表格">jquery表格可编辑修改表格里面的值,点击td变...</a></li>
<li><a href="http://freejs.net/article_tabbiaoqian_29.html" title="jquery实现简单的Tab切换菜单">jquery实现简单的Tab切换菜单</a></li>
<li><a href="http://freejs.net/article_fenye_26.html" title="jQuery+Ajax+PHP+Mysql实现分页显示数据">jQuery+Ajax+PHP+Mysql实现分页...</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_67.html" title="类似京东和易迅的菜单-可以折叠隐藏的导航菜单">类似京东和易迅的菜单-可以折叠隐藏的导航菜单</a></li>
<li><a href="http://freejs.net/article_fenye_11.html" title="jquery 翻页分页">jquery 翻页分页</a></li>
<li><a href="http://freejs.net/article_biaodan_76.html" title="Jquery 漂亮的select效果">Jquery 漂亮的select效果</a></li>
<li><a href="http://freejs.net/article_daohangcaidan_13.html" title="jquery css多级下拉菜单">jquery css多级下拉菜单</a></li>
<li><a href="http://freejs.net/article_jquerytupiantexiao_1.html" title="highslide使用实例,点击图片放大效果,再次点击缩小">highslide使用实例,点击图片放大效果,再次...</a></li>
<li><a href="http://freejs.net/article_jquerywenzi_52.html" title="无刷新动态加载数据,滚动条加载">无刷新动态加载数据,滚动条加载</a></li>
</ul>
<p><Br><Br></p>
</article>
</section>

<script src="jquery.headshrinker.js"></script>
<script>
jQuery(document).ready(function () {
jQuery('header').headshrinker({ fontSize: "17px", mobileMenu: true });
});
</script>
更多精彩内容其他人还在看

JS组件Bootstrap Table使用方法详解

这篇文章主要为大家详细介绍了JS组件Bootstrap Table使用方法,具有一定的实用性,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript禁止超链接跳转的方法

这篇文章主要介绍了javascript禁止超链接跳转的方法,结合实例分析了JavaScript事件机制与鼠标事件的响应操作技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

JavaScript实现的MD5算法完整实例

这篇文章主要介绍了JavaScript实现的MD5算法,以完整实例形式分析了基于JavaScript实现MD5算法的具体步骤与相关技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Hammer.js+轮播原理实现简洁的滑屏功能

这篇文章主要介绍了Hammer.js+轮播原理实现简洁的滑屏功能的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

基于JQuery实现图片轮播效果(焦点图)

这篇文章主要为大家详细介绍了基于JQuery实现图片轮播效果,利用Jquery制作焦点图左右轮播特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript实现瀑布流加载图片原理

这篇文章主要为大家介绍了javascript实现瀑布流加载图片效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript实现的SHA-1加密算法完整实例

这篇文章主要介绍了JavaScript实现的SHA-1加密算法,以完整实例形式分析了SHA-1加密算法的具体实现技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

Javascript实现的SHA-256加密算法完整实例

这篇文章主要介绍了Javascript实现的SHA-256加密算法,以完整实例形式分析了JavaScript实现SHA-256加密的具体步骤与相关技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

原生js实现图片层叠轮播切换效果

这篇文章主要为大家详细介绍了原生js实现图片层叠轮播切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

javascript自动切换焦点控制效果完整实例

这篇文章主要介绍了javascript自动切换焦点控制效果的方法,结合完整实例形式分析了JavaScript响应键盘按键控制表单输入框的焦点切换功能,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多