js自动滑动+鼠标滑动区域

<sty1e type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自动滑动+鼠标滑动区域 10秒自动跳转 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="iborder">   <tr>     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td class="topnavon" id="clipNum1" onMouseOver="clip_Switch(1); return false;">热点聚焦</td>     <td class="topnavoff" id="clipNum2" onMouseOver="clip_Switch(2); return false;">图说新闻</td>     <td class="topnavoff" id="clipNum3" onMouseOver="clip_Switch(3); return false;">经济新闻</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="newsbox1" style="display:block;">新闻1</td>   </tr>   <tr>     <td id="newsbox2" style="display:none;">新闻2</td>   </tr>   <tr>     <td id="newsbox3" style="display:none;">新闻3</td>   </tr> </table>     </td>   </tr> </table>   5秒自动跳转 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="iborder">   <tr>     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td class="topnavon" id="ecNav1" onMouseOver="ecNavOn(1); return false;">财经要闻</td>     <td class="topnavoff" id="ecNav2" onMouseOver="ecNavOn(2); return false;">财经观察</td>     <td class="topnavoff" id="ecNav3" onMouseOver="ecNavOn(3); return false;">独家点评</td>     <td class="topnavoff" id="ecNav4" onMouseOver="ecNavOn(4); return false;">湘股在线</td>     <td class="topnavoff" id="ecNav5" onMouseOver="ecNavOn(5); return false;">财富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="ecBox1" style="display:block;">财经1</td>   </tr>   <tr>     <td id="ecBox2" style="display:none;">财经2</td>   </tr>   <tr>     <td id="ecBox3" style="display:none;">财经3</td>   </tr>   <tr>     <td id="ecBox4" style="display:none;">财经4</td>   </tr>   <tr>     <td id="ecBox5" style="display:none;">财经5</td>   </tr> </table>     </td>   </tr> </table>  <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！ <p style="font-size:12px; text-align:left;"> 这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激。 </p>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激

<sty1e type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自动滑动+鼠标滑动区域 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="iborder">   <tr>     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td class="topnavon" id="clipNum1" onMouseOver="clip_Switch('clipNum','newsbox',1,3); return false;">热点聚焦</td>     <td class="topnavoff" id="clipNum2" onMouseOver="clip_Switch('clipNum','newsbox',2,3); return false;">图说新闻</td>     <td class="topnavoff" id="clipNum3" onMouseOver="clip_Switch('clipNum','newsbox',3,3); return false;">经济新闻</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="newsbox1" style="display:block;">新闻1</td>   </tr>   <tr>     <td id="newsbox2" style="display:none;">新闻2</td>   </tr>   <tr>     <td id="newsbox3" style="display:none;">新闻3</td>   </tr> </table>     </td>   </tr> </table>  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="iborder">   <tr>     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td class="topnavon" id="ecNav1" onMouseOver="clip_Switch('ecNav','ecBox',1,5); return false;">财经要闻</td>     <td class="topnavoff" id="ecNav2" onMouseOver="clip_Switch('ecNav','ecBox',2,5); return false;">财经观察</td>     <td class="topnavoff" id="ecNav3" onMouseOver="clip_Switch('ecNav','ecBox',3,5); return false;">独家点评</td>     <td class="topnavoff" id="ecNav4" onMouseOver="clip_Switch('ecNav','ecBox',4,5); return false;">湘股在线</td>     <td class="topnavoff" id="ecNav5" onMouseOver="clip_Switch('ecNav','ecBox',5,5); return false;">财富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="ecBox1" style="display:block;">财经1</td>   </tr>   <tr>     <td id="ecBox2" style="display:none;">财经2</td>   </tr>   <tr>     <td id="ecBox3" style="display:none;">财经3</td>   </tr>   <tr>     <td id="ecBox4" style="display:none;">财经4</td>   </tr>   <tr>     <td id="ecBox5" style="display:none;">财经5</td>   </tr> </table>     </td>   </tr> </table>  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="iborder">   <tr>     <td> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td class="topnavon" id="bcNav1" onMouseOver="clip_Switch('bcNav','bcBox',1,5); return false;">财经要闻</td>     <td class="topnavoff" id="bcNav2" onMouseOver="clip_Switch('bcNav','bcBox',2,5); return false;">财经观察</td>     <td class="topnavoff" id="bcNav3" onMouseOver="clip_Switch('bcNav','bcBox',3,5); return false;">独家点评</td>     <td class="topnavoff" id="bcNav4" onMouseOver="clip_Switch('bcNav','bcBox',4,5); return false;">湘股在线</td>     <td class="topnavoff" id="bcNav5" onMouseOver="clip_Switch('bcNav','bcBox',5,5); return false;">财富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="bcBox1" style="display:block;">财经1</td>   </tr>   <tr>     <td id="bcBox2" style="display:none;">财经2</td>   </tr>   <tr>     <td id="bcBox3" style="display:none;">财经3</td>   </tr>   <tr>     <td id="bcBox4" style="display:none;">财经4</td>   </tr>   <tr>     <td id="bcBox5" style="display:none;">财经5</td>   </tr> </table>     </td>   </tr> </table>  <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！ <p style="font-size:12px; text-align:left;"> 改了下，能够实现了，但是第二个为什么会默认第二个项开始,第三个从第三项开始呢？而且只有最后一个自动播放，前面的都死了；并且代码还是不够精练，请高手帮忙继续修改。 </p>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js自动滑动+鼠标滑动区域

JavaScript相关栏目本月热门文章