《兼容firefox,ie,opera,safari的滑动条,拖动条》由会员分享,可在线阅读,更多相关《兼容firefox,ie,opera,safari的滑动条,拖动条(13页珍藏版)》请在金锄头文库上搜索。
1、兼容兼容 Firefox,IE,Opera,SafariFirefox,IE,Opera,Safari 的滑动条的滑动条, ,拖动条拖动条兼容 Firefox,IE,Opera,Safari 的滑动条,拖动条代码如下:body background-color:#fff; text-align:center; font-family:verdana; font-size:9pt; .r-sliderObj width:300px; background-image:url(slider.gif); height:25px; background-color:#fff; border:1px s
2、olid #CC0000; .r-sliderBar width:20px; background-color:#CCC; border:1px solid #333; .r-sliderBtn width:20px; background-color:#CCC; color:#fff; border:1px solid #000000; sliderContmargin:auto;sldMax) point=sldMax;var sldObjwidth = sldObjOffset.w-sldBarOffset.w;var sldBarwidth = sldBarOffset.l-sldOb
3、jOffset.l;sldPoint = parseInt(point);var p = parseInt(sldPoint*sldObjwidth/sldMax)+sldObjOffset.l+1;sldBar.style.left = p;instance.getSldPoint();neverSliderBar.prototype.init=function() with(this)if (document.getElementById(sldID + _BtnL) sldBar = document.getElementById(sldID + _Bar);sldBtnR = docu
4、ment.getElementById(sldID + _BtnR);else sldBtnL = document.createElement(“BUTTON“);sldBtnL.id = sldID + _BtnL;sldBar = document.createElement(“DIV“);sldBar.id = sldID + _Bar;sldBtnR = document.createElement(“BUTTON“);sldBtnR.id = sldID + _BtnR;document.body.appendChild(sldBtnL);document.body.appendC
5、hild(sldBar);document.body.appendChild(sldBtnR);/-sldObj = document.getElementById(sldID)|sldID;sldObj.className = objStyle;sldBarOffset = Offset(sldBar);sldObjOffset = Offset(sldObj);/-sldBtnL.value = “;sldBtnR.className = btnStyle;sldBtnR.style.position = “absolute“;/-sldBar.className = barStyle;s
6、ldBar.style.position = “absolute“;sldBar.style.top = sldObjOffset.t;sldBar.style.height = sldObjOffset.h; sldBar.style.left = sldObjOffset.l;instance.fixed();/-sldObj.onmousedown = function() instance.handleObjBefore();sldObj.onmouseup = function() instance.handleObjAfter();/-sldBtnL.onmousedown = f
7、unction() instance.handleBtnClick(l);sldBtnR.onmousedown = function() instance.handleBtnClick(r);sldBtnL.onfocus = function() this.blur();sldBtnR.onfocus = function() this.blur();/-/*sldBar.setAttribute(“onmousedown“,“instance.handleSldDragStart(event)“);sldBar.setAttribute(“onmousemove“,“instance.h
8、andleSldDrag(event)“);sldBar.setAttribute(“onmouseup“,“instance.handleSldDragEnd(event)“);*/if (instance.getNavg()!=“msie“)sldBar.setAttribute(“onmousedown“,instance.instanceName+“.handleSldDragStart(event)“);/sldBar.setAttribute(“onmousemove“,instance.instanceName+“.handleSldDrag(event)“);sldBar.se
9、tAttribute(“onmouseup“,instance.instanceName+“.handleSldDragEnd(event)“);elsesldBar.onmousedown = function() instance.handleSldDragStart();sldBar.onmousemove = function() instance.handleSldDrag();sldBar.onmouseup = function() instance.handleSldDragEnd();neverSliderBar.prototype.fixed=function() with
10、(this)sldBarOffset = Offset(sldBar);sldObjOffset = Offset(sldObj);var sldBtnLOffset = Offset(sldBtnL);sldBtnL.style.left = sldObjOffset.l-sldBtnLOffset.w;sldBtnL.style.top = sldObjOffset.t;sldBtnL.style.height = sldObjOffset.h;/-sldBtnR.style.left = sldObjOffset.l+sldObjOffset.w;sldBtnR.style.top =
11、sldObjOffset.t;sldBtnR.style.height = sldObjOffset.h;/-sldBar.style.top = sldObjOffset.t;sldBar.style.height = sldObjOffset.h;/-var p = sldBarOffset.l;if (p w) sldBar.style.left = w;window.setTimeout(function()instance.fixed(),10);neverSliderBar.prototype.applyArg=function() with(this)if (typeof(cal
12、lback)=string) callback=eval(callback);if (typeof(callback)=function) var callbackArguments = ;for(var i=0; i= (sldObjOffset.l+sldObjOffset.w-sldBarOffset.w) sldBar.style.left = sldObjOffset.l+sldObjOffset.w-sldBarOffset.w;else sldBar.style.left = p;instance.applyArg();instance.getSldPoint();neverSl
13、iderBar.prototype.handleSldDragEnd=function() with(this)if (getNavg()=“msie“) sldBar.releaseCapture();sldMoved=false; if (getNavg()!=“msie“) sldBar.setAttribute(“onmousemove“,“return“);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 (neverSliderBar);var r=new neverSliderBar(“s1“,“r“,callback, SliderBar );r.sldMax=255;/可微调范围r.setBtnStyle(“r-sliderBtn“);r.setBarStyle(“r-sliderBar“);r.setObjStyle(“r-sliderObj“);r.init();r.setSld