文件名称：jQuery实现精美滚动条
文件大小：1.01MB
文件格式：RAR
更新时间：2015-12-04 07:43:49
jQuery 精美 滚动条
百度里搜了一下，原来已经有高手采用jquery来改变滚动条的单调样式了。 首先要引用两个脚本：jquery.js，jscroll.js； 接着为要出现滚动条的位置写上overflow:auto;这时会出现滚动条，最原始的样子。接着，加上以下脚本： 我的滚动条图片是这样的： 以下我借用高手的做法介绍下一些代码说明： $("#ee").jscroll({ W:"10px"//设置滚动条宽度 ,BgUrl:""//设置滚动条背景图片地址 ,Bg:"#ccc"//设置滚动条背景图片position,颜色等 ,Bar:{ Pos:"bottom"//设置滚动条初始化位置在底部 ,Bd:{Out:"#000",Hover:"red"}//设置滚动滚轴边框颜色：鼠标离开(默认)，经过 ,Bg:{Out:"green",Hover:"#fff",Focus:"orange"}}//设置滚动条滚轴背景：鼠标离开(默认)，经过，点击 ,Btn:{ btn:true//是否显示上下按钮 false为不显示 ,uBg:{Out:"black",Hover:"#fff",Focus:"orange"}//设置上按钮背景：鼠标离开(默认)，经过，点击 ,dBg:{Out:"black",Hover:"#fff",Focus:"orange"}}//设置下按钮背景：鼠标离开(默认)，经过，点击 ,Fn:function(){}//滚动时候触发的方法 }); 以是改出来后的样子:
【文件预览】：
滚动条
----style()
--------public.css(2KB)
--------t3.css(833B)
----images()
--------c1-bg01.gif(4KB)
--------p1-font.gif(4KB)
--------c1-bg02.gif(2KB)
--------p2-bg04.gif(210B)
--------header-bg04.gif(4KB)
--------p2-bg01.gif(437B)
--------p1-img01.jpg(18KB)
--------p2-bg03.gif(179B)
--------header-bg02.gif(171B)
--------header-bg01.gif(44KB)
--------flash.jpg(199KB)
--------rollpic-right.gif(610B)
--------c1-bg03.gif(899B)
--------c1-img02.gif(5KB)
--------c1-img01.gif(5KB)
--------p2-img01.jpg(74KB)
--------s_bg5.gif(2KB)
--------img01.gif(13KB)
--------t1-font.gif(4KB)
--------p2-bg02.gif(178B)
--------rollpic-left.gif(615B)
--------s_bg2.gif(169B)
--------block.gif(44B)
--------p2-bg05.gif(277B)
--------logo.jpg(30KB)
--------bg03.gif(21KB)
--------Thumbs.db(420KB)
--------bg01.gif(27KB)
--------footer-bg01.gif(77B)
--------c1-font.gif(3KB)
--------font02.gif(3KB)
--------t1-icon.gif(51B)
--------bg02.gif(4KB)
--------img01.jpg(21KB)
--------header-bg03.gif(44B)
--------c1-bg04.gif(19KB)
--------img02.jpg(311KB)
----js()
--------jquery.js(29KB)
--------jscroll.js(8KB)
----Thumbs.db(8KB)
----t3.html(3KB)