使用JQ来实现浏览器滚动条
2013-04-19 15:13
411 查看
<script type="text/javascript" src="jquery-1.1.3.1.js"></script> <script type="text/javascript" src="jquery.linscroll.js"></script> <script type="text/javascript"> $(document).ready( function(){ $(’#scrollContent’).setScroll( //scrollContent为滚动层的ID {img:scroll_bk.gif’,width:10},//背景图及其宽度 {img:scroll_arrow_up.gif’,height:3},//up image {img:scroll_arrow_down.gif’,height:3},//down image {img:scroll_bar.gif’,height:25}//bar image );}); </script>
JS代码如下(附:jquery.linscroll.js):
<div id="scrollContent" style="width:140px;overflow:hidden;height:170px;"> 内容 </div>
相关文章推荐
- 使用JQ来实现浏览器滚动条
- 使用jq实现fixed定位随滚动条,左右滚动
- 使用dwr3.0实现服务端向浏览器做消息推送,做滚动评论或弹幕效果,而且根据视频id做推送消息拦截功能
- JQ-实现图片纵向滚动的效果
- Android 使用Scroller自动滚动第一种实现
- 使用viewpager嵌套实现上下左右滑动切换图片(IOS双向滚动翻页效果相同)
- 使用gulp和browser-sync实现浏览器自动刷新
- 使用ajax+jqtransform实现动态加载select
- 在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
- Android使用自定义属性实现图片自动播放滚动的功能
- Android 使用CoordinatorLayout实现滚动标题栏效果
- 纯JQ实现全屏滚动【无插件】
- asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
- 使用CATransition实现scrollView的多张页面滚动
- iOS - 支持水平 / 垂直显示自动滚动的跑马灯控件 --- SKAutoScrollLabel 的使用和实现
- 使用jquery实现文字滚动,鼠标悬停效果
- 结合三层,使用存储过程与JQ实现下拉框的联动
- 使用jq实现手机上的touchmove效果
- gulp之使用iscrolljs.com实现区域滚动
- 使用ScrollView实现滚动效果