首先非常感谢网友随波逐流的无私分享，这是他写的第一款原创jquery插件，也是他分享到JquerySchool网站上的第一款作品，插件名称：YBslider，可以灵活配置插件配置参数，分为9个常用参数和9个可选的自定义参数，效果非常棒。。。
参数配置如下：
YBslider.config = {
/*
//---------------------------------
//使用YBslider参数配置
//---------------------------------
$.YBslider({
//---------------------------------
//常用参数
//---------------------------------
slidBox : "",//必须，JQ选择器，滑动器将作为其内容，如"#slider"生成单个滑动器，为class生成对应class数量的滑动器
slidMainWidth : 180,//可选，[ number ]默认180px
setValue : "",//[ valueLeft, valueRight, valueInit ]，等同于在input标签上设置setValue属性，但在标签上设置的优先级更高
valueSuf : "",//值单位
valueFloat : 0,//可选，滑动器取值多少位小数点[ number ]默认取整数
showValue : false,//可选，是否显示取值[ boolean ]默认隐藏
editValue : false,//可选，是否“通过输入设置值”[ boolean ]，如果需要“通过输入设置值”则必须将showValue设为true
showRange : false//可选，是否在滑动器两端显示取值范围[ boolean ]默认隐藏
valueChange : null//可选，滑动器改变值时联动, function( v, p, i ){}，参数：v当前滑动条取值，p当前滑动条取值比例，i当前滑动条索引
//---------------------------------
//自定义元素，均为可选项
//---------------------------------
slidMain : "",//滑动条主要部分Box[ HTML string ]
slidMainIn : "",//Box[ HTML string ]，包裹slidBarBg、slidBar、slidBlock
slidBar : "",//滑条已选择部分Box[ HTML string ]
slidBarBg : "",//滑条未选择部分Box[ HTML string ]
slidBlock : "",//滑块Box[ HTML string ]
slidLeft : "",//用以显示最小值[ HTML string ]
slidRight : "",//用以显示最大值[ HTML string ]
slidValueShowBox : "",//用以修饰展示值[ HTML string ]
slidValueSuf : ""//用以显示值单位
});
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友随波逐流 YBslider 滑动插件 鼠标特效