jQuery浏览器默认滚动条样式Scrollbar

使用方法：

引入核心样式

/* scr_con style */
.scr_con {position:relative;height:330px;border:solid 1px #ddd;width:600px;margin:20px auto;}
#dv_scroll{position:absolute;height:310px;overflow:hidden;width:570px;}
#dv_scroll .Scroller-Container{width:100%;}
#dv_scroll_bar {position:absolute;right:0;top:10px;width:14px;height:310px;border-left:1px solid #B5B5B5;}
#dv_scroll_bar .Scrollbar-Track{position:absolute;left:0;top:20px;width:14px;height:270px;}
#dv_scroll_bar .Scrollbar-Handle{position:absolute;left:-7px;top:0;width:13px;height:29px;overflow:hidden;background:url(images/srcoll.gif) no-repeat;cursor:pointer;}
#dv_scroll_text {position:absolute;}

引入jQuery库文件、插件JS文件

<script type="text/javascript" src="js/jquery-1.4.2.min.js">script>
<script type="text/javascript" src="js/scrollbar.js">script>

html结构

<div class="scr_con">
	<div id="dv_scroll">
		<div id="dv_scroll_text" class="Scroller-Container">
			<div class="newslist">
				<ul>
					<li><a href="#">jquery 文字连续滚动 节奏感十足的齿轮式滚动图片展示与文字内容特效展示a>li>
					<li><a href="#">jquery 图片幻灯片切换 鼠标点击左右按钮或分页索引图片显示大图a>li>
					<li><a href="#">基于jquery 选项卡插件jquery tab选项卡支持垂直选项卡滚动、水平选项卡滚动、自动选项卡切换等。a>li>
					<li><a href="#">jquery 图片滚动类似flash动画图片滚动，带停止和开始按钮控制图片特效a>li>
					<li><a href="#">jquery 图片幻灯片仿IBM首页焦点图切换，类似flash动态效果图片切换a>li>
					<li><a href="#">jquery特效基于jquery幻灯片插件制作一个泡沫幻灯片图片展示特效a>li>
					<li><a href="#">jquery 图片特效用CSS3和HTML5制作仿动画头条报纸缩小到放大翻转图片展示a>li>
					<li><a href="#">jquery筛选器插件选项卡 css3制作一个漂亮的HTML5筛选容器插件选项卡a>li>
					<li><a href="#">jquery 图片切换滚动特效带分页索引按钮控制左右图片切换滚动a>li>
					<li><a href="#">jquery图片切换滚动 水平手风琴切换滚动鼠标滑过图片水平切换a>li>
					<li><a href="#">jquery评论星星打分特效、鼠标滑过星星显示评论信息a>li>
					<li><a href="#">jquery colorpicker 插件颜色选择器 点击颜色选择颜色值与颜色相应变化a>li>
					<li><a href="#">javascript jscolor colorpicker js颜色选择器插件10多种调用颜色方法与取值a>li>
					<li><a href="#">jquery图片特效 slide banner焦点图片切换图片上下翻滚、图片左右翻滚、图片淡隐淡现3种图片滚动特效a>li>
				ul>				
			div>
		div>
	div>
	<div id="dv_scroll_bar">
		<div id="dv_scroll_track" class="Scrollbar-Track">
			<div class="Scrollbar-Handle">div>
		div>
	div>
div>