js版sliderBar(滑动条)控件-网页制作-轻松学电脑

没有公告

	加入收藏
	设为首页
	联系站长

轻松学电脑>>网页制作>>其它教程>>js版sliderBar(滑动条)控件

双击滚屏阅读

js版sliderBar(滑动条)控件

= document.getElementById || document.all; this.sldID = id; this.sldObj = null; this.instance = this; this.barStyle = "sliderBar"; this.objStyle = "sliderObj"; this.btnStyle = "sliderBtn"; this.sldBar = null; this.sldBtnL = null; this.sldBtnR = null; this.sldPoint = null; this.sldMoved = false; this.sldClicked = false; this.callback = callback; this.sldObjOffset = null; this.sldBarOffset = null; this.callbackArg = Array.prototype.slice.call(arguments,2); this.sldMax = 100; this.sldIncrement = 5; this.sldPoint = 0; //instance.init.call(this,id); }}; neverSliderBar.prototype.setObjStyle=function(classname) { with(this) { objStyle=classname; }}; neverSliderBar.prototype.setMaxPoint=function(maxpoint) { with(this) { sldMax=maxpoint; }}; neverSliderBar.prototype.setBtnStyle=function(classname) { with(this) { btnStyle=classname; }}; neverSliderBar.prototype.setBarStyle=function(classname) { with(this) { barStyle=classname; }}; neverSliderBar.prototype.setStyle=function() { with(this) { if (arguments[0]) barStyle=arguments[0]; if (arguments[1]) btnStyle=arguments[1]; if (arguments[2]) objStyle=arguments[2]; }}; neverSliderBar.prototype.setIncrement=function(increment) { with(this) { if (isNaN(parseInt(increment))) return; sldIncrement = parseInt(increment); }}; neverSliderBar.prototype.getSldPoint=function() { with(this) { sldBarOffset = Offset(sldBar); sldObjOffset = Offset(sldObj); var sldObjwidth = sldObjOffset.w-sldBarOffset.w; var sldBarwidth = sldBarOffset.l-sldObjOffset.l; var sldLocation = parseInt(sldBarwidth/sldObjwidth*sldMax); return sldLocation; }}; neverSliderBar.prototype.setSldPoint=function(point) { with(this) { if (isNaN(parseInt(point))) return; if (point<0) point=0; if (point>sldMax) point=sldMax; var sldObjwidth = sldObjOffset.w-sldBarOffset.w; var sldBarwidth = sldBarOffset.l-sldObjOffset.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 ($(sldID + '__BtnL') && $(sldID + '__BtnR') && $(sldID + '__Bar')) { sldBtnL = $(sldID + '__BtnL'); sldBar = $(sldID + '__Bar'); sldBtnR = $(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.appendChild(sldBar); document.body.appendChild(sldBtnR); } //------------------------------------------------------------------- sldObj = $(sldID); sldObj.className = objStyle; sldBarOffset = Offset(sldBar); sldObjOffset = O

上一页 [1] [2] [3] [4] 下一页

上一篇文章： JS代码格式化和语法着色

下一篇文章：兼容低版本IE的JScript5.5实现

阅读top10

	[突破]在线编辑器任意…
	[JS]点出统计器
	[效果]JS折叠菜单
	javascript的函数
	怎么用javascript…
	百分百弹窗
	hta应用—代码统计工具
	小方框中浏览大图
	js版sliderBar(滑动条…
	JS代码格式化和语法着…
	好玩的样式—放大效果
	用css制作星级评分
	关于textarea的直观换…
	仿windows选项卡效果拾…

查看js版sliderBar(滑动条)控件全部内容