最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
Jquery自定义网页滚动条实现实例
时间：2013-10-28 编辑：简简单单 来源：一聚教程网
可以定义滚动条背景，下按钮。支持鼠标滚轮和点击滚动条两种滑动方式，支持上下按钮久按加速，兼容绝大多数浏览器，效果如下。
使用方法
需要引入Jquery和一个jscroll.js ( 文章末尾给出了下载地址。) 然后使用下面代码调用，其中各参数都给出了详细的说明。
| 代码如下 | 复制代码 |
给出一个例子调用代码
| 代码如下 | 复制代码 |
|
|
|
效果如下
淳熙丙申正日,予过维扬。夜雪初霁,荠麦弥望。入其城则四壁萧条，寒水自碧，暮色渐起，戍角悲吟。予怀怆然，感慨今昔,因自度此曲。千岩老人以为有《黍离》之悲也。
淮左名都，竹西佳处，解鞍少驻初程。过春风十里，尽荠麦青青。自胡马窥江去后，废池乔木，犹厌言兵。渐黄昏、清角吹寒，都在空城。
杜郎俊赏，算而今、重到须惊。纵豆蔻词工，青楼梦好，难赋深情。二十四桥仍在,波心荡冷月无声。念桥边红药，年年知为谁生。
测试文字
底部
给出几个素材图片。。。不过个人认为纯css已经足够做出很不错的效果了。
再看几个实例
demo：
| 代码如下 | 复制代码 |
测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 底部 |
|
高级应用（自定义滚动条背景及上下按钮）：
demo：
| 代码如下 | 复制代码 |
|
测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 测试文字 底部 |
|
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31