日期:2014-05-16  浏览次数:20452 次

js控制图片左右滚动,自动翻滚,图片滚动展示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
<title>超级经典一套鼠标控制左右滚动图片带自动翻滚</title>  
</head>  
<body>  
<div class="rollBox">  
     <div class="LeftBotton" onmousedown="ISL_GoUp()" onmouseup="ISL_StopUp()" onmouseout="ISL_StopUp()"></div>  
     <div class="Cont" id="ISL_Cont">  
      <div class="ScrCont">  
       <div id="List1">  
         
        <!-- 图片列表 begin -->  
         <div class="pic">  
          <a href="http://career.sina.com.cn/3/2007/0928/15.html" target="_blank"><img src="http://i0.sinaimg.cn/edu/deco/2007/0928/aiying.jpg" width="109" height="87" alt="周宪环" /></a>  
          <p><a href="http://career.sina.com.cn/3/2007/0928/15.html" target="_blank">周宪环</a></p>  
         </div>         
          
<div class="pic">  
          <a href="http://career.sina.com.cn/3/2007/0928/16.html" target="_blank"><img src="http://i1.sinaimg.cn/edu/deco/2007/0928/zhenwei.jpg" width="109" height="87" alt="周桢炜" /></a>  
          <p><a href="http://career.sina.com.cn/3/2007/0928/16.html" target="_blank">周桢炜</a></p>  
         </div>  
         <div class="pic">  
          <a href="http://career.sina.com.cn/3/2007/0928/14.html" target="_blank"><img src="http://i2.sinaimg.cn/edu/deco/2007/0928/zhangying.jpg" width="109" height="87" alt="张颖" /></a>  
          <p><a href="http://career.sina.com.cn/3/2007/0928/14.html" target="_blank">张颖</a></p>  
         </div>  
         <div class="pic">  
          <a href="http://career.sina.com.cn/3/2007/0928/17.html" target="_blank"><img src="http://i3.sinaimg.cn/edu/deco/2007/0928/wangnaichao.jpg" width="109" height="87" alt="王乃超" /></a>  
          <p><a href="http://career.sina.com.cn/3/2007/0928/17.html" target="_blank">王乃超</a></p>  
         </div>  
         <div class="pic">  
          <a href="http://career.sina.com.cn/3/2007/0928/19.html" target="_blank"><img src="http://i1.sinaimg.cn/edu/deco/2007/0928/xiewenxiu.jpg" width="109" height="87" alt="谢雯琇" /></a>