jquery 图片横向滚动(可拖动)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/ 1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>jquery 图片横向滚动(可拖动)</title>
</head>
<link href="css教程/163css.css" type="text/css" rel="stylesheet">
<body>
<script type="text/网页特效" src="js/163css.js"></script>
<div id="idcontainer" class="container">
  <div id="idcontent" class="content">
    <table cellpadding="0" cellspacing="0">
      <tr align="center">
        <td><div><a href="hihilinxuan/log/634195637644598882.html"><img src="images/tx-img05.jpg" /></a>1. 腾讯女性美容</div></td>
        <td><div><a href="hihilinxuan/log/634198169567772500.html"><img src="images/tx-img06.jpg" /></a>2. 腾讯"世博宝典"</div></td>
         <td><div><a href="hihilinxuan/log/634176761535371250.html"><img src="images/js01a.jpg" /></a>3. 京东产品展示</div></td>
        <td><div><a href="hihilinxuan/log/634177396830602491.html"><img src="images/js02a.jpg" /></a>4. 淘宝商城产品</div></td>
        <td><div><a href="hihilinxuan/log/634176761967715000.html"><img src="images/js03.jpg" /></a>5. ebay幻灯片产品</div></td>
        <td><div><a href="hihilinxuan/log/634177399939528638.html"><img src="images/js04a.jpg" /></a>6. 迅雷首页动画</div></td>
      </tr>
    </table>
  </div>
  <div class="slider_left" id="idsliderleft"></div>
  <div class="slider" id="idslider">
    <div class="bar" id="idbar">
      <div class="bar_left"></div>
      <div class="bar_right"></div>
    </div>
  </div>
  <div class="slider_right" id="idsliderright"></div>
</div>
<script>
var sld = new slider("idslider", "idbar", {
 maxvalue: $("idcontent").scrollwidth - $("idcontent").clientwidth,
 onmin: function(){ $("idsliderleft").style.backgroundposition = "bottom left"; },
 onmax: function(){ $("idsliderright").style.backgroundposition = "bottom right"; },
 onmid: function(){ $("idsliderleft").style.backgroundposition = "top left"; $("idsliderright").style.backgroundposition = "top right"; },
 onmove: function(){ $("idcontent").scrollleft = this.getvalue(); }
});

sld.setpercent(.5);
sld.ease = true;

$("idsliderleft").onmouseo教程ver = function(){ sld.run(false); }
$("idsliderleft").onmouseout = function(){ sld.stop(); }

$("idsliderright").onmouseover = function(){ sld.run(true); }
$("idsliderright").onmouseout = function(){ sld.stop(); }
</script>

</body>
</html>

源码下载
http://down.111cn.net/down/code/js/jiaodiantu/2010/1019/21292.html