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

没有公告

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

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

双击滚屏阅读

js版sliderBar(滑动条)控件

ffset(sldObj); //------------------------------------------------------------------- sldBtnL.value = "<<"; sldBtnL.className = btnStyle; sldBtnL.style.position = "absolute"; //------------------------------------------------------------------- sldBtnR.value = ">"; sldBtnR.className = btnStyle; sldBtnR.style.position = "absolute"; //------------------------------------------------------------------- sldBar.className = barStyle; sldBar.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 = function() {instance.handleBtnClick('l')}; sldBtnR.onmousedown = function() {instance.handleBtnClick('r')}; sldBtnL.onfocus = function() {this.blur()}; sldBtnR.onfocus = function() {this.blur()}; //------------------------------------------------------------------- sldBar.onmousedown = function() {instance.handleSldDragStart()}; sldBar.onmousemove = function() {instance.handleSldDrag()}; sldBar.onmouseup = function() {instance.handleSldDragEnd()}; }}; neverSliderBar.prototype.fixed=function() { with(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 = sldObjOffset.t; sldBtnR.style.height = sldObjOffset.h; //------------------------------------------------------------------- sldBar.style.top = sldObjOffset.t; sldBar.style.height = sldObjOffset.h; //------------------------------------------------------------------- var p = sldBarOffset.l; if (p < sldObjOffset.l) sldBar.style.left=sldObjOffset.l; var w = sldObjOffset.l+sldObjOffset.w-sldBarOffset.w; if (p > w) sldBar.style.left = w; window.setTimeout(function(){instance.fixed()},10) }}; neverSliderBar.prototype.applyArg=function() { with(this) { if (typeof(callback)=='string') callback=eval(callback); if (typeof(callback)=='function') { var callbackArguments = []; for(var i=0; i<callbackArg.length; i++) callbackArguments[i] = callbackArg[i]; callbackArguments.push(instance.getSldPoint()); callback.apply(this,callbackArguments); } else { return; } }}; neverSliderBar.prototype.handleObjBefore=function() { with(this) { }}; neverSliderBar.prototype.handleObjAfter=function() { with(this

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

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

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

阅读top10

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

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