象你这样是不行的。要么用控件(vb中的那个知道吧)要么自己写。你的这个利用滚动条模拟的slider外观远远达不到需求。太难看,还不好控制。

解决方案 »

  1.   

    我是要放到jsp里的,怎么用vb的控件啊.晕~~
      

  2.   

    <html>
    <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>
      

  3.   

    塞北的雪,你好像没讲完啊.兄弟帮忙帮到底啊(:
    <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();">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    </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>
    我这样试了一下不行啊.
      

  4.   

    能力有限,只能这样了。况且很忙的。抱歉!<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>