模板酷站

电脑版
提示:原网页已由神马搜索转码, 内容由www.mb5u.com提供.

jquery模拟浏览器滚动条效果_DIV+CSS实例

编辑Tag赚U币
织梦DedeCMS视频教程买空间 租服务器 选网硕互联！ 无忧站长工具,百度权重一键全查!

通过修改CSS来更换s滚动条样式，只能更换颜色，而不能更改滚动条的大小。

况且还有浏览器兼容的问题：

scrollbar-dif

我们可以选择jquery来做该效果，这样即修改了滚动条的大小，又可以做到兼容：

jquerylinscroll

JS代码如下(附：jquery.linscroll.js)：

<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>

html代码如下：

<div id="scrollContent" style="width:140px;overflow:hidden;height:170px;">
内容
< /div>

 

网站制作在线视频教程  网站制作视频教程打包下载

来源：模板无忧/所属分类：DIV+CSS实例/更新时间：2012-05-26
最新评论：

游客27.201.76.* / 2019-05-06

游客的原帖：
怎么组合啊
12321132123

回复

游客27.201.76.* / 2019-05-06

游客的原帖：
这是放屁的。会报错。
432234234234

回复

游客27.201.76.* / 2019-05-06

游客的原帖：
这是放屁的。会报错。
21132312

回复

游客125.67.64.* / 2015-11-05

这是放屁的。会报错。

回复

游客101.19.41.* / 2015-03-16

怎么组合啊

回复

游客175.19.185.* / 2014-02-14

大煞笔，js文件哪儿去了

回复

游客112.225.38.* / 2014-02-14

大傻逼

回复

游客113.44.60.* / 2014-01-04

123123

回复

游客123.245.101.* / 2013-11-26

谁能告诉我为什么啊？   急   很感谢的！

回复

游客123.245.101.* / 2013-11-26

放到页面里不好用啊

回复

游客123.245.101.* / 2013-11-26

不太会用

回复

游客123.122.116.* / 2013-10-24

22

回复

游客124.133.89.* / 2013-05-16

回复

游客210.202.70.* / 2013-04-30

怎么下载啊

回复

游客113.2.197.* / 2013-04-26

dfewfewf

回复

游客113.88.178.* / 2013-04-15

asdsadad

回复

游客221.212.91.* / 2013-04-07

js下载

回复

游客112.64.105.* / 2013-03-18

eeeeeee

回复

游客117.64.28.* / 2013-01-26

怎么下载？

回复

游客183.17.35.* / 2013-01-15

来过

回复

游客113.116.193.* / 2013-01-07

好好好

回复

游客218.17.160.* / 2012-12-12

回复

游客218.17.160.* / 2012-12-12

游客的原帖：
fwef
fwefew

回复

游客218.17.160.* / 2012-12-12

fwef

回复

共 1 页/24条评论

匿名评论
相关DIV+CSS实例：