色尼玛亚洲综合影院,亚洲3atv精品一区二区三区,麻豆freexxxx性91精品,欧美在线91

js自動(dòng)滑動(dòng)+鼠標(biāo)滑動(dòng)區(qū)域

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

<style type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自動(dòng)滑動(dòng)+鼠標(biāo)滑動(dòng)區(qū)域</h1> 10秒自動(dòng)跳轉(zhuǎn) <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;">熱點(diǎn)聚焦</td>     <td class="topnavoff" id="clipNum2" onMouseOver="clip_Switch(2); return false;">圖說新聞</td>     <td class="topnavoff" id="clipNum3" onMouseOver="clip_Switch(3); return false;">經(jīng)濟(jì)新聞</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秒自動(dòng)跳轉(zhuǎn) <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;">財(cái)經(jīng)要聞</td>     <td class="topnavoff" id="ecNav2" onMouseOver="ecNavOn(2); return false;">財(cái)經(jīng)觀察</td>     <td class="topnavoff" id="ecNav3" onMouseOver="ecNavOn(3); return false;">獨(dú)家點(diǎn)評(píng)</td>     <td class="topnavoff" id="ecNav4" onMouseOver="ecNavOn(4); return false;">湘股在線</td>     <td class="topnavoff" id="ecNav5" onMouseOver="ecNavOn(5); return false;">財(cái)富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="ecBox1" style="display:block;"><h1>財(cái)經(jīng)1</h1></td>   </tr>   <tr>     <td id="ecBox2" style="display:none;"><h1>財(cái)經(jīng)2</h1></td>   </tr>   <tr>     <td id="ecBox3" style="display:none;"><h1>財(cái)經(jīng)3</h1></td>   </tr>   <tr>     <td id="ecBox4" style="display:none;"><h1>財(cái)經(jīng)4</h1></td>   </tr>   <tr>     <td id="ecBox5" style="display:none;"><h1>財(cái)經(jīng)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;"> 這個(gè)雖然效果不錯(cuò)，但是如果一個(gè)頁面有多個(gè)這樣的效果，就要針對(duì)每一部分寫多個(gè)JS函數(shù)，那就太蠢了。其實(shí)只有控件名稱不同而已，<span style="color:#FF0000;">求高手改進(jìn)成一個(gè)通用函數(shù)或者類來調(diào)用</span>，不勝感激。 </p>

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

<style type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自動(dòng)滑動(dòng)+鼠標(biāo)滑動(dòng)區(qū)域</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;">熱點(diǎn)聚焦</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;">經(jīng)濟(jì)新聞</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;">財(cái)經(jīng)要聞</td>     <td class="topnavoff" id="ecNav2" onMouseOver="clip_Switch('ecNav','ecBox',2,5); return false;">財(cái)經(jīng)觀察</td>     <td class="topnavoff" id="ecNav3" onMouseOver="clip_Switch('ecNav','ecBox',3,5); return false;">獨(dú)家點(diǎn)評(píng)</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;">財(cái)富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="ecBox1" style="display:block;"><h1>財(cái)經(jīng)1</h1></td>   </tr>   <tr>     <td id="ecBox2" style="display:none;"><h1>財(cái)經(jīng)2</h1></td>   </tr>   <tr>     <td id="ecBox3" style="display:none;"><h1>財(cái)經(jīng)3</h1></td>   </tr>   <tr>     <td id="ecBox4" style="display:none;"><h1>財(cái)經(jīng)4</h1></td>   </tr>   <tr>     <td id="ecBox5" style="display:none;"><h1>財(cái)經(jīng)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;">財(cái)經(jīng)要聞</td>     <td class="topnavoff" id="bcNav2" onMouseOver="clip_Switch('bcNav','bcBox',2,5); return false;">財(cái)經(jīng)觀察</td>     <td class="topnavoff" id="bcNav3" onMouseOver="clip_Switch('bcNav','bcBox',3,5); return false;">獨(dú)家點(diǎn)評(píng)</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;">財(cái)富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="bcBox1" style="display:block;"><h1>財(cái)經(jīng)1</h1></td>   </tr>   <tr>     <td id="bcBox2" style="display:none;"><h1>財(cái)經(jīng)2</h1></td>   </tr>   <tr>     <td id="bcBox3" style="display:none;"><h1>財(cái)經(jīng)3</h1></td>   </tr>   <tr>     <td id="bcBox4" style="display:none;"><h1>財(cái)經(jīng)4</h1></td>   </tr>   <tr>     <td id="bcBox5" style="display:none;"><h1>財(cái)經(jīng)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;"> 改了下，能夠?qū)崿F(xiàn)了，但是第二個(gè)為什么會(huì)默認(rèn)第二個(gè)項(xiàng)開始,第三個(gè)從第三項(xiàng)開始呢？而且只有最后一個(gè)自動(dòng)播放，前面的都死了；并且代碼還是不夠精練，請(qǐng)高手幫忙繼續(xù)修改。 </p>

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

<style type="text/css">  </style>  <h1 align="center" style="color:#FF0000;">自動(dòng)滑動(dòng)+鼠標(biāo)滑動(dòng)區(qū)域</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;">熱點(diǎn)聚焦</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;">經(jīng)濟(jì)新聞</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;">財(cái)經(jīng)要聞</td>     <td class="topnavoff" id="ecNav2" onclick="clip_Switch('ecNav','ecBox',2,5); return false;">財(cái)經(jīng)觀察</td>     <td class="topnavoff" id="ecNav3" onclick="clip_Switch('ecNav','ecBox',3,5); return false;">獨(dú)家點(diǎn)評(píng)</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;">財(cái)富排行榜</td>   </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0">   <tr>     <td id="ecBox1" style="display:block;"><h1>財(cái)經(jīng)1</h1></td>   </tr>   <tr>     <td id="ecBox2" style="display:none;"><h1>財(cái)經(jīng)2</h1></td>   </tr>   <tr>     <td id="ecBox3" style="display:none;"><h1>財(cái)經(jīng)3</h1></td>   </tr>   <tr>     <td id="ecBox4" style="display:none;"><h1>財(cái)經(jīng)4</h1></td>   </tr>   <tr>     <td id="ecBox5" style="display:none;"><h1>財(cái)經(jīng)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;">改過以后不自動(dòng)播放了。</h1> </p>

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

JavaScript技術(shù)：js自動(dòng)滑動(dòng)+鼠標(biāo)滑動(dòng)區(qū)域，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

標(biāo)簽：

相關(guān)文章閱讀

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

主站蜘蛛池模板：朔州市| 门头沟区| 阳朔县| 阿瓦提县| 汽车| 崇左市| 都兰县| 津南区| 合作市| 闵行区| 沛县| 杭州市| 安西县| 榕江县| 六安市| 东乡族自治县| 乌拉特前旗| 垦利县| 会昌县| 儋州市| 昭苏县| 汤原县| 赤城县| 郯城县| 中方县| 江城| 于都县| 甘孜县| 武山县| 乐亭县| 元氏县| 拉孜县| 永仁县| 雅江县| 天台县| 阳东县| 东光县| 威海市| 罗甸县| 鲜城| 开原市|