)
{
}};
neverSliderBar.prototype.handleBtnClick=function(direction) { with(this)
{
direction = direction.toLowerCase();
sldPoint=instance.getSldPoint();
if(direction == 'l') {
instance.setSldPoint(this.sldPoint-sldIncrement);
}
else if (direction=='r') {
instance.setSldPoint(this.sldPoint+sldIncrement);
}
else {
return alert('not valid argument ' +direction);
}
instance.applyArg();
instance.getSldPoint();
}};
neverSliderBar.prototype.handleSldDragStart=function() { with(this)
{
sldBar.setCapture();
sldMoved = true;
sldBar.onlosecapture = function(){sldMoved=false;};
sldPoint = event.clientX-sldBarOffset.l;
}};
neverSliderBar.prototype.handleSldDrag=function() { with(this)
{
if(!sldMoved) return;
var p = event.clientX-sldPoint;
if (p <= sldObjOffset.l) {
sldBar.style.left = sldObjOffset.l;
}
else if (p >= (sldObjOffset.l+sldObjOffset.w-sldBarOffset.w)) {
sldBar.style.left = sldObjOffset.l+sldObjOffset.w-sldBarOffset.w;
}
else sldBar.style.left = p;
instance.applyArg();
instance.getSldPoint();
}};
neverSliderBar.prototype.handleSldDragEnd=function() { with(this)
{
sldBar.releaseCapture();
sldMoved=false;
}};
function Offset(e) {
var t = e.offsetTop;
var l = e.offsetLeft;
var w = e.offsetWidth;
var h = e.offsetHeight;
while(e=e.offsetParent) {
t+=e.offsetTop;
l+=e.offsetLeft;
}
return { t:t, l:l, w:w, h:h }
}
var r=new neverSliderBar("s1",callback,' <b>neverSliderBar</b> ');
r.sldMax=255;
r.setBtnStyle("r-sliderBtn");
r.setBarStyle("r-sliderBar");
r.setObjStyle("r-sliderObj");
r.init();
r.setSldPoint(100);
var g=new neverSliderBar("s2",callback,' <b>neverSliderBar</b> ');
g.sldMax=255;
g.setStyle("g-sliderBar","g-sliderBtn","g-sliderObj");
g.init();
g.setSldPoint(150);
var b=new neverSliderBar("s3",callback,' <b>neverSliderBar</b> ');
b.sldMax=255;
b.setBtnStyle("b-sliderBtn");
b.setBarStyle("b-sliderBar");
b.setObjStyle("b-sliderObj");
b.setIncrement(10);
b.init();
b.setSldPoint("200");
callback(' <b>neverSliderBar</b> ');
function callback(s) {
var $=document.getElementById;
var color_r=r.getSldPoint();
var color_g=g.getSldPoint();
var color_b=b.getSldPoint();
$("color").style.backgroundColor="rgb(" +color_r+ "," +color_g+ "," +color_b+ ")";
$("d1").innerHTML=s+color_r;
$("d2").innerHTML=s+color_g;
$("d3").innerHTML=s+color_b;
}
//-->
</SCRIPT>
<p>
power by never-online, blueDestiny, http://www.never-online.net
</p>
</BODY>
</HTML>
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
经典论坛讨论帖：
http://www.blueidea.com/bbs/NewsDetail.asp?id=2571587
上一页 [1] [2] [3] [4] |
|
|
 |
广告 |
 |
|
阅读top10 |
|
|
查看js版sliderBar(滑动条)控件全部内容
