js版sliderBar(滑动条)控件

作者：BlueMiracle 来源：蓝色理想时间：2008-10-18 15:59:00　

支持实时监控sliderbar的数据，允许有callback回调的函数，有示例

1、可自定样式SetStyle()
2、带有onSroll功能
3、有setSldPoint（设置位置)接口
4、有getSldPoint(取得位置）接口
5、可自己设置sliderBar的最大值（不是sliderbar的长度，而是值）
6、自定义微调功能（setIncrement(10))，默认为5；

代码有点乱，接口不能清晰的看出来，不好意思了，先用着吧

运行代码框

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> never Slider Bar </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT="never-online, blueDestiny"><META NAME="Keywords" CONTENT="javascript Slider Bar"><META NAME="Description" CONTENT="javascript Slider Bar"><style>body { background-color:#fff; text-align:center; font-family:verdana; font-size:9pt; }.sliderObj { width:350px; height:25px; background-color:#fff; border:1px solid #666666; }.sliderBar { width:20px; background-color:#666666; border:1px solid #333; }.sliderBtn { width:30px; background-color:#666666; color:#fff; border:1px solid #000000; }.r-sliderObj { width:300px; height:25px; background-color:#fff; border:1px solid #CC0000; }.r-sliderBar { width:20px; background-color:#CC0000; border:1px solid #333; }.r-sliderBtn { width:20px; background-color:#CC0000; color:#fff; border:1px solid #000000; }.g-sliderObj { width:300px; height:25px; background-color:#fff; border:1px solid #006600; }.g-sliderBar { width:20px; background-color:#006600; border:1px solid #333; }.g-sliderBtn { width:20px; background-color:#006600; color:#fff; border:1px solid #000000; }.b-sliderObj { width:300px; height:25px; background-color:#fff; border:1px solid #003399; }.b-sliderBar { width:20px; background-color:#003399; border:1px solid #333; }.b-sliderBtn { width:20px; background-color:#003399; color:#fff; border:1px solid #000000; }</style></HEAD><BODY><p><div id="s1"></div><p><div id="d1">r</div><p><div id="s2"></div><p><div id="d2">g</div><p><div id="s3"></div><p><div id="d3">b</div><p><div id="color" class="sliderObj"></div><SCRIPT LANGUAGE="JavaScript"></SCRIPT><p>power by never-online, blueDestiny, http://www.never-online.net</p></BODY></HTML>

标签：滑动条,控件,函数,js

投稿

js版sliderBar(滑动条)控件

猜你喜欢

在SQL Server数据库开发中的十大问题

xml文件调用css

CSS制作11种风格不同的特效文字

正则表达式不匹配某个字符串

ASP新闻分页，将一篇过长的文章分页，生成静态页面

css特性:空白外边距互相叠加

另类读写：ACCESS中Field对象的标题属性

IE6与IE7的unshift 方法

一个不错的js软键盘代码而且移植方便

SQL Server 2005如何设置多字段做关键字

五种提高 SQL 性能的方法

ASP trim,ltrim,rtrim 去前后空格函数

纯手工打造CSS像素画

在ASP中使用SQL语句之3:LIKE、NOT LIKE和 BETWEEN

SQL Server端口更改后的数据库连接方式

T-SQL问题解决集锦数据加解密全集

解析SQL Server 2008中的新语句：MERGE

有啊在设计上相对淘宝的优势

Sql Server 2000 一些安全设置

如何去除点击链接时出现的虚线框

js版sliderBar(滑动条)控件

猜你喜欢

在SQL Server数据库开发中的十大问题

xml文件调用css

CSS制作11种风格不同的特效文字

正则表达式不匹配某个字符串

ASP新闻分页，将一篇过长的文章分页，生成静态页面

css特性:空白外边距互相叠加

另类读写：ACCESS中Field对象的标题属性

IE6与IE7的unshift 方法

一个不错的js软键盘代码而且移植方便

SQL Server 2005如何设置多字段做关键字

五种提高 SQL 性能的方法

ASP trim,ltrim,rtrim 去前后空格 函数

纯手工打造CSS像素画

在ASP中使用SQL语句之3:LIKE、NOT LIKE和 BETWEEN

SQL Server端口更改后的数据库连接方式

T-SQL问题解决集锦 数据加解密全集

解析SQL Server 2008中的新语句：MERGE

有啊在设计上相对淘宝的优势

Sql Server 2000 一些安全设置

如何去除点击链接时出现的虚线框

ASP trim,ltrim,rtrim 去前后空格函数

T-SQL问题解决集锦数据加解密全集