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

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