一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

<abbr id="ikqks"><source id="ikqks"></source></abbr>

<cite id="ikqks"></cite>

<li id="ikqks"><input id="ikqks"></input></li>

<abbr id="ikqks"><source id="ikqks"></source></abbr>

<bdo id="ikqks"><source id="ikqks"></source></bdo>

<strike id="ikqks"></strike>

<rt id="ikqks"></rt>

<strike id="ikqks"></strike>

js自動滑動+鼠標滑動區域

2014-10-21 21:22:51 分類：JavaScript技術閱讀()

<style type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自動滑動+鼠標滑動區域</h1> 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;"><h1>新聞1</h1></td>   </tr>   <tr>     <td id="newsbox2" style="display:none;"><h1>新聞2</h1></td>   </tr>   <tr>     <td id="newsbox3" style="display:none;"><h1>新聞3</h1></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;"><h1>財經1</h1></td>   </tr>   <tr>     <td id="ecBox2" style="display:none;"><h1>財經2</h1></td>   </tr>   <tr>     <td id="ecBox3" style="display:none;"><h1>財經3</h1></td>   </tr>   <tr>     <td id="ecBox4" style="display:none;"><h1>財經4</h1></td>   </tr>   <tr>     <td id="ecBox5" style="display:none;"><h1>財經5</h1></td>   </tr> </table>     </td>   </tr> </table>  <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！</h1> <p style="font-size:12px; text-align:left;"> 這個雖然效果不錯，但是如果一個頁面有多個這樣的效果，就要針對每一部分寫多個JS函數，那就太蠢了。其實只有控件名稱不同而已，<span style="color:#FF0000;">求高手改進成一個通用函數或者類來調用</span>，不勝感激。 </p>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]
這個雖然效果不錯，但是如果一個頁面有多個這樣的效果，就要針對每一部分寫多個JS函數，那就太蠢了。其實只有控件名稱不同而已，求高手改進成一個通用函數或者類來調用，不勝感激

<style type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自動滑動+鼠標滑動區域</h1> <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;"><h1>新聞1</h1></td>   </tr>   <tr>     <td id="newsbox2" style="display:none;"><h1>新聞2</h1></td>   </tr>   <tr>     <td id="newsbox3" style="display:none;"><h1>新聞3</h1></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;"><h1>財經1</h1></td>   </tr>   <tr>     <td id="ecBox2" style="display:none;"><h1>財經2</h1></td>   </tr>   <tr>     <td id="ecBox3" style="display:none;"><h1>財經3</h1></td>   </tr>   <tr>     <td id="ecBox4" style="display:none;"><h1>財經4</h1></td>   </tr>   <tr>     <td id="ecBox5" style="display:none;"><h1>財經5</h1></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;"><h1>財經1</h1></td>   </tr>   <tr>     <td id="bcBox2" style="display:none;"><h1>財經2</h1></td>   </tr>   <tr>     <td id="bcBox3" style="display:none;"><h1>財經3</h1></td>   </tr>   <tr>     <td id="bcBox4" style="display:none;"><h1>財經4</h1></td>   </tr>   <tr>     <td id="bcBox5" style="display:none;"><h1>財經5</h1></td>   </tr> </table>     </td>   </tr> </table>  <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！</h1> <p style="font-size:12px; text-align:left;"> 改了下，能夠實現了，但是第二個為什么會默認第二個項開始,第三個從第三項開始呢？而且只有最后一個自動播放，前面的都死了；并且代碼還是不夠精練，請高手幫忙繼續修改。 </p>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

<style type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自動滑動+鼠標滑動區域</h1> <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" onclick="clip_Switch('clipNum','newsbox',1,3); return false;">熱點聚焦</td>     <td class="topnavoff" id="clipNum2" onclick="clip_Switch('clipNum','newsbox',2,3); return false;">圖說新聞</td>     <td class="topnavoff" id="clipNum3" onclick="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;"><h1>新聞1</h1></td>   </tr>   <tr>     <td id="newsbox2" style="display:none;"><h1>新聞2</h1></td>   </tr>   <tr>     <td id="newsbox3" style="display:none;"><h1>新聞3</h1></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" onclick="clip_Switch('ecNav','ecBox',1,5); return false;">財經要聞</td>     <td class="topnavoff" id="ecNav2" onclick="clip_Switch('ecNav','ecBox',2,5); return false;">財經觀察</td>     <td class="topnavoff" id="ecNav3" onclick="clip_Switch('ecNav','ecBox',3,5); return false;">獨家點評</td>     <td class="topnavoff" id="ecNav4" onclick="clip_Switch('ecNav','ecBox',4,5); return false;">湘股在線</td>     <td class="topnavoff" id="ecNav5" onclick="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;"><h1>財經1</h1></td>   </tr>   <tr>     <td id="ecBox2" style="display:none;"><h1>財經2</h1></td>   </tr>   <tr>     <td id="ecBox3" style="display:none;"><h1>財經3</h1></td>   </tr>   <tr>     <td id="ecBox4" style="display:none;"><h1>財經4</h1></td>   </tr>   <tr>     <td id="ecBox5" style="display:none;"><h1>財經5</h1></td>   </tr> </table>     </td>   </tr> </table>  <h1 align="center" style="color:#FFCC00; font-size:150px; margin:0px auto;">！</h1> <p style="font-size:12px; text-align:left;"> <h1 align="center" style="color:#FF0000;">改過以后不自動播放了。</h1> </p>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

JavaScript技術：js自動滑動+鼠標滑動區域，轉載需保留來源！

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

標簽：

相關文章閱讀

5款Javascript顏色選擇器
11款基于Javascript的文件管理器
JavaScript 對話框和狀態欄使用說明
禁止在圖片上使用右鍵

主站蜘蛛池模板：色综合天天综合网国产成人 | 91精品国产综合久久青草 | 欧美日韩一区二区三 | 久久久亚洲国产精品主播 | 天天天干 | 色老板美国在线观看 | 大jjjj免费看视频 | 欧美太黄太色视频在线观看 | 手机在线一区二区三区 | 国产精品视频一区二区三区 | 日本精品免费 | 免费女人扒开下面无遮挡 | 成人黄色视频免费播放 | 男女午夜性爽快免费视频不卡 | 国产91精品高清一区二区三区 | 麻豆国产在线视频 | 中国嫩模一级毛片 | 99热99re8国产在线播放 | 永久免费精品影视网站 | 欧美激情亚洲一区中文字幕 | 国产呦精品一区二区三区网站 | 六月婷婷视频 | 色综合久久中文色婷婷 | 国产小视频在线免费 | 亚洲国产精品久久久久秋霞小 | 亚洲精品乱码蜜桃久久久 | 久久精品网站2019精品 | 中文字幕一视频97色伦 | 成人精品视频一区二区在线 | 国产综合91天堂亚洲国产 | 麻豆亚洲一区 | 国产成人精品高清在线观看99 | 午夜视频国语 | 美女一级毛片 | 亚洲国产成人久久综合碰 | 国产精品亚洲自在线播放页码 | 欧美日韩中文国产一区二区三区 | 一区二区三区www | 婷婷在线五月 | 加勒比高清 | 亚洲天堂久久精品 |

<table id="ky4ku"></table>

<li id="ky4ku"></li>

<bdo id="ky4ku"></bdo>

<abbr id="ky4ku"></abbr>

<strike id="ky4ku"></strike>

<li id="ky4ku"></li>

<center id="ky4ku"><acronym id="ky4ku"></acronym></center>

<rt id="ky4ku"><delect id="ky4ku"></delect></rt>