<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>在div区域双击鼠标能够看到效果</title> <script type="text/JavaScript"> var currenTop,timer; function endScroll(){ clearInterval(timer); } function divScroll(){ currenTop = document.getElementById("test").scrollTop; document.getElementById("test").scrollTop = ++currenTop; } function beginScroll(){ timer=setInterval ("divScroll()",30); } </script> </head> <body> <div id = "test" style="background-color:green; 120px; height: 360px; overflow: auto;" onmousedown="endScroll();" ondblclick="beginScroll();"> 1<br>2<br>3<br> 4<br>5<br>6<br> 7<br>8<br>9<br> 10<br>11<br>12<br> 13<br>14<br>15<br> 16<br>17<br>18<br> 19<br>20<br>21<br> 22<br>23<br>24<br> 25<br>26<br>27<br> 28<br>29<br>30<br> 31<br>32<br>33<br> 34<br>35<br>36<br> 37<br>38<br>39<br> 40<br>41<br>42<br> 43<br>44<br>45<br> 46<br>47<br>48<br> 49<br>50<br>51<br> 52<br>53<br>54<br> 55<br>56<br>57<br> </div> </body> </html>