求一个关于实现此功能的JS脚本，，，，，，，，，

Question

http://diy520.net/temp/2.htm
参考

Answer 1

楼上给的这个地址就是答案啊 http://diy520.net/temp/2.htm你右键查看源文件不会不知道吧？？

Answer 2

给你贴过来<div id="divBar" class="sidebar">
  <div style="width:2000px;">
    <div id="BarTouch" class="sidebar_touch">
      <div class="sidebar_touch_top" onclick="location.href='../ShoppingCart/ShoppingCart.aspx'"> </div>
      <div id="BarFlag" class="sidebar_touch_bottom"> </div>
    </div>
    <div id="BarHide" class="sidebar_list">
      <div class="sidebar_list_top">
        <div class="sidebar_list_top_left"> </div>
        <div class="sidebar_list_top_mid">
          <div id="scrollUp"> </div>
        </div>
        <div class="sidebar_list_top_right"> </div>
      </div>
      <div class="sidebar_list_mid">
        <div id="scrollList" class="sidebar_list_show">
          <ul>
            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>
            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>            <li> <a href="#"> <img src="1.jpg" /></a> <span class="sidebar_list_name"><a href="#">甜蜜蜜暖洋洋-围巾蛋糕(A3)㊣</a></span>
              <div class="sidebar_list_price">￥60.00</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="sidebar_list_bottom">
        <div class="sidebar_list_bottom_left"> </div>
        <div class="sidebar_list_bottom_mid">
          <div id="scrollDown"> </div>
        </div>
        <div class="sidebar_list_bottom_right"> </div>
      </div>
    </div>
  </div>
</div><script language="JavaScript">
window.onload = function(){
new TouchBar("divBar", "BarTouch", "BarHide",  { minWidth: 28, maxWidth: 178,
OnMouseOver: function(){ $("BarFlag").className = "sidebar_touch_on"; },
OnMouseOut: function(){ $("BarFlag").className = "sidebar_touch_bottom"; }
});

var oShow = $("scrollList"), Timer, Clear = function(){ clearInterval(Timer); };
addEventHandler($("scrollDown"), "mouseover", function(){ Clear(); Timer = setInterval( function(){oShow.scrollTop += 1;}, 1);});
addEventHandler($("scrollDown"), "mouseout", Clear); addEventHandler($("scrollUp"), "mouseover", function(){ Clear(); Timer = setInterval( function(){oShow.scrollTop -= 1;}, 1);});
addEventHandler($("scrollUp"), "mouseout", Clear);

addEventHandler(oShow, (isIE ? "mousewheel" : "DOMMouseScroll"), function(e){
var oEvent = Event(e); oEvent.preventDefault(); oShow.scrollTop += 5 * oEvent.detail;
return false;
});
}