Home > php教程 > php手册 > jQuery美化滚动条插件

jQuery美化滚动条插件

WBOY
Release: 2016-06-07 11:38:40
Original
1141 people have browsed it

nicescroll滚动条插件兼容ie6+、手机、ipad。
首先我们在#content加入一定高度的内容。一定要出现滚动条,不然看不到效果。<div> <br>     <h2>我们的特色</h2> <br>     <p>1、软件+人工精心仿制。3个工作日内完成仿制</p> <br>     <p>2、文件归类。图片放在images文件夹,样式css,特效js,字体fonts</p> <br>     <p>3、个人中心、需要登录等页面也可仿制</p> <br>     <p>4、html完美格式化。</p> <br>     ...... <br> </div>调用niceScroll 滚动条插件非常简单:$('#content').niceScroll({ <br>     cursorcolor: "#ccc",//#CC0071 光标颜色 <br>     cursoropacitymax: 1, //改变不透明度非常光标处于活动状态(scrollabar“可见”状态),范围从1到0 <br>     touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备 <br>     cursorwidth: "5px", //像素光标的宽度 <br>     cursorborder: "0", //     游标边框css定义 <br>     cursorborderradius: "5px",//以像素为光标边界半径 <br>     autohidemode: false //是否隐藏滚动条 <br> });当然我们也可以做整个页面的滚动条,只要是设置body即可。
滚动条演示:http://www.sucaihuo.com/js/125.html
nicescroll下载:http://www.sucaihuo.com/jquery/demo/125/js/jquery.nicescroll.js

AD:真正免费,域名+虚机+企业邮箱=0元

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template