jquery html滚动条样式,jquery滚动条样式

特效描述：jquery 滚动条样式。jquery滚动条样式

代码结构

1. 引入JS

2. HTML代码

*{margin:0;padding:0;list-style-type:none;}

a,img{border:0;}

body{line-height:180%;font-size:12px;}

a{color:#333;text-decoration:none;}

a:hover{color:#ff6600;text-decoration:underline;}

/* newslist */

.newslist{padding:10px;}

.newslist li{height:32px;line-height:32px;border-bottom:dashed 1px #ddd;padding:0 10px;overflow:hidden;}

/* 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;}