花了一点时间帮你做了一个,原理就是这样了,你可以自己改改
http://blog.csdn.net/BlueDestiny/archive/2006/05/12/725421.aspx

解决方案 »

  1.   

    下载:
    http://prdownloads.sourceforge.net/yui/yui_0.10.0.zip?use_mirror=optusnet
    这里有你需要的滑动条和其他好多东东,内容比较多,要耐心找.
      

  2.   

    还有个问题,如果我只允许移动的间隔为指定的数值,比如5,该怎么做这个还是比较简单的,这里我设置移动的区间为100,即为移动的百分比。只需要设置一下这里的数字即可var scrPercent=parseInt(scrBarwidth/scrObjwidth*100)//把100改成5你也可以再加一个属性。即在constructor里,加一个this.maxScr=5;再把这句改成:var scrPercent=parseInt(scrBarwidth/scrObjwidth*maxScr)
      

  3.   

    谢谢上面的几位朋友找到一个有点象我需要这种功能的页面
    http://www.qunar.com/twell/ajax/hotel.htm 点搜索后可看到左边的那个价格选择,我就希望能达到那种效果麻烦请帮忙看看!谢!