象你这样是不行的。要么用控件(vb中的那个知道吧)要么自己写。你的这个利用滚动条模拟的slider外观远远达不到需求。太难看,还不好控制。
解决方案 »
- 急求帮助---使用一个按钮,来控制弹出Uploadify选择文件对话框
- 各位extjs达人,小弟初学,问个GridPanel滚动条的问题
- 求高手指点 页面自动加载的JS原理和代码
- js 导出 EXCEL 如何能兼容FireFox ???
- JS点击后弹出Div问题---在线等
- 如何能屏蔽菜单栏上的“查看源文件”功能,有些东西,不想让别人拷贝,所以要实现这个功能
- 求JS解析本地Excel的方法,本地路径已经获取,求解析代码
- 请问如何在网页上做一个最小化窗口的按钮?
- javascript中的asp变量对其赋值,解疑者高分相送
- 如何使一个页面只能被打开一次且在此页面不被关闭的情况下再次打开时此页面不刷新?(puppeter)
- 请教一类型转换问题
- 怎么才能让用js脚本写的漂浮广告不被Flash遮住?
<head>
<STYLE type=text/css>#floater {
Z-INDEX: 10;VISIBILITY: visible; POSITION: absolute;
}
</STYLE>
<title>htm Slider--塞北的雪</title><body>
htm Slider:
<br><br><br><br><br><br><br><br>
<img src="gd.gif" id="gd1" border="0"></td></tr> <img id="floater" src="slider.gif" border="0"><SCRIPT language=JavaScript>
var a=gd1.offsetLeft ;
var b=gd1.offsetTop;
var c=gd1.clientWidth;
floater.style.pixelLeft=a;
floater.style.top=b;
self.onError=null;
currentX = a;
whichIt = null;
<!-- DRAG DROP CODE -->
function checkFocus(x) {
stalkerx = document.floater.pageX;
stalkerwidth = document.floater.clip.width;
if( (x > stalkerx && x < (stalkerx+stalkerwidth))) return true;
else return false;
}
function grabIt(e) {
whichIt = event.srcElement;
whichIt.style.pixelLeft = whichIt.offsetLeft;
currentX = event.clientX;
return true;
}
function moveIt(e) {
if (whichIt == null) { return false; }
newX = event.clientX;
if(newX>=a && newX<=a + c)
{
window.status=":" + newX + ":" + a; distanceX = (newX - currentX);
currentX = newX;
whichIt.style.pixelLeft += distanceX;
}
event.returnValue = false;
return false;
} function dropIt()
{
whichIt = null;
return true;
}
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
</SCRIPT></body>
</html>
<html>
<head>
<STYLE type=text/css>#floater {
Z-INDEX: 10;VISIBILITY: visible; POSITION: absolute;
}
</STYLE>
<title>htm Slider--塞北的雪</title></head>
<body>
<span id=sliderH1
style="width:110; height:17; overflow-y:hidden; overflow-x:scroll;
font-family:arial; font-size:100px;"
onscroll="window.status=sliderH(sliderH1).toString();">
</span>
<br><br><br><br><br><br><br><br>
<img src="slider.gif" id="gd1" border="0">
<img id="floater" src="slider.gif" border="0">
<SCRIPT language=JavaScript>
var a=gd1.offsetLeft ;
var b=gd1.offsetTop;
var c=gd1.clientWidth;
floater.style.pixelLeft=a;
floater.style.top=b;
self.onError=null;
currentX = a;
whichIt = null;
<!-- DRAG DROP CODE -->
function checkFocus(x) {
stalkerx = document.floater.pageX;
stalkerwidth = document.floater.clip.width;
if( (x > stalkerx && x < (stalkerx+stalkerwidth))) return true;
else return false;
}
function grabIt(e) {
whichIt = event.srcElement;
whichIt.style.pixelLeft = whichIt.offsetLeft;
currentX = event.clientX;
return true;
}
function moveIt(e) {
if (whichIt == null) { return false; }
newX = event.clientX;
if(newX>=a && newX<=a + c)
{
window.status=":" + newX + ":" + a; distanceX = (newX - currentX);
currentX = newX;
whichIt.style.pixelLeft += distanceX;
}
event.returnValue = false;
return false;
} function dropIt()
{
whichIt = null;
return true;
}function sliderH(spanObj) {
var spanObj;
return parseInt(spanObj.scrollLeft)/
(parseInt(spanObj.scrollWidth)-parseInt(spanObj.style.width));
}
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
</SCRIPT>
</body>
</html>
我这样试了一下不行啊.
<head>
<STYLE type=text/css>#floater {
Z-INDEX: 10;VISIBILITY: visible; POSITION: absolute;
}
</STYLE>
<title>htm Slider--塞北的雪</title><body leftmargin="10">
htm Slider:
<br><br><br><br><br><br><br><br>
<table width=500><tr><td align=center><img src="gd.gif" id="gd1" border="0"></td></tr></table>
<img id="floater" src="slider.gif" border="0"><SCRIPT language=JavaScript>
var minValue=1;
var maxValue=100;
var objParent=gd1.parentElement;
function getLeft(objA)
{
if(!objA) return 0;
if(objA.tagName!='BODY')
return(objA.offsetLeft+getLeft(objA.parentElement));
else
return document.body.offsetLeft;
}
function getTop(objA)
{
if(!objA) return 0;
if(objA.tagName!='BODY')
return(objA.offsetTop + getTop(objA.parentElement));
else
return document.body.offsetTop;
}
var gdLeft=gd1.offsetLeft + getLeft(objParent) ;
var gdTop=gd1.offsetTop + getTop(objParent);
var gdWidth=gd1.clientWidth;
var minLeft=gdLeft
var maxLeft=gdLeft -floater.width/2 + gdWidth
floater.style.pixelLeft=minLeft-10 ;
floater.style.pixelTop=gdTop - 4;
currentX = minLeft;
whichIt = null;
function grabIt(e) {
whichIt = event.srcElement;
whichIt.style.pixelLeft = whichIt.offsetLeft;
currentX = event.clientX + document.body.scrollLeft;
}
function moveIt(e) {
if (whichIt == null) { return false; }
newX = event.clientX + document.body.scrollLeft;
if(newX<minLeft)newX=minLeft;if(newX>maxLeft)newX=maxLeft;
if(newX>=(minLeft) && newX<=maxLeft)
{
distanceX = (newX - currentX);
currentX = newX;
whichIt.style.pixelLeft += distanceX;
}
window.status=getValue(newX);
event.returnValue = false;
} function dropIt()
{
whichIt = null;
} function getValue(cLeft)
{
return Math.floor((maxValue-minValue) * (cLeft-minLeft)/(maxLeft-minLeft)) + minValue ;
}
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
</SCRIPT></body>
</html>