|
<html>
<head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> </head> <style type="text/css"> *{margin:3;padding:0;font-size:13px;} body{ font-size:12px; color:#333333; text-align:center; font-family:'宋體',arial,verdana,sans-serif; margin-top: 8px; } body *{text-align:center;} .font14{font-size:14px;} select{font-family: Times New Roman,arial,verdana,sans-serif;} table{ border-collapse:collapse;} img{border:0;} ul{list-style-type:none;} .clear{clear: both;height:0;line-height:0px;font-size:14px;} .center{text-align:center;} .mleft0{margin-left:0px !important;} .mtop0{margin-top:0px !important;} .strong{font-weight: bold;} .sb{color:#009A91;font-weight: bold;} /*頭部*/ #i_photo_index{width:258px;height:256px;text-align:center;} #i_photo_index a.i_photo_a{height:180px;text-align:center;margin-left:8px;} #i_photo_index a.i_photo_a img{margin-top:10px;} #i_photo_index h1{margin-top:0 !important;margin-top:4px;margin-top /**/:2px;height:28px;line-height:28px;text-align:center;} #i_photo_index h1 a{font-size:18px;font-weight:normal;font-family:"黑體",arial,verdana,sans-serif;} #i_photo_index p{width:96%;margin:0 2%;line-height:20px;text-align:left;text-indent:2em;} #i_photo_index p span{margin-right:30px !important;margin-right /**/:0px;} a:link { color: #333333; text-decoration: none; } a:visited { color: #333333; text-decoration: none; } a:hover { color: #FF6600; text-decoration: underline; } #i_photo img{margin-left:0px;}
.i_link2 a{float:center;margin:2px;padding:2px 0;display:blcok;height:22px;line-height:22px;} #index_page{float:right;display:block;height:16px;padding:1px 0;margin-right:4px;} #index_page *{float:left;display:inline;line-height:16px;border:1px solid #B6CFCD;text-align:center;padding:0;margin:0 2px;} #index_page strong{background:#009A91;color:#fff;width:16px;} #index_page span{color:#009a91;padding:3px 0 0 0;border:0;cursor:pointer;} #index_page a{width:16px;color:#009A91;text-decoration:none;} body,td,th { font-size: 12px; } a { font-size: 16px; } a:active { text-decoration: none; } .jdt { border: 1px solid #CCCCCC; } </style> <body> <table width="200" border="0" align="center" cellpadding="0" cellspacing="0" class="jdt"> <tr> <td><script language="javascript" type="text/javascript"> //<![CDATA[ var _t1 = 0; //打開(kāi)頁(yè)面時(shí)等待圖片載入的時(shí)間，單位為秒，可以設(shè)置為0 var _t2 = 5; //圖片輪轉(zhuǎn)的間隔時(shí)間 var _tnum = 4; //焦點(diǎn)圖個(gè)數(shù) var _tn = 1;//當(dāng)前焦點(diǎn),by www. var _tl =null; _tt1 = setTimeout('change_img()',_t1*1000); function change_img(){ setFocus(_tn); _tt1 = setTimeout('change_img()',_t2*1000); } function setFocus(i){ if(i>_tnum){_tn=1;i=1;} _tl?document.getElementById('focusPic'+_tl).style.display='none':''; document.getElementById('focusPic'+i).style.display='block'; _tl=i; _tn++; } //]]> </script> <!--焦點(diǎn)圖1開(kāi)始 標(biāo)題13字 說(shuō)明30個(gè)字--> <div id="focusPic1"> <a href="http://www." class="i_photo_a" target="_blank"> <img src="icon/images1227/01.jpg"></a> <h1><a href="http://www." target="_blank">這里是您的標(biāo)題一文字內(nèi)容</a></h1> <div id="index_page"><span onClick="javascript:setFocus(2);">點(diǎn)擊切換焦點(diǎn)圖→</span> <strong>1</strong> <a href="javascript:setFocus(2);">2</a> <a href="javascript:setFocus(3);">3</a> <a href="javascript:setFocus(4);">4</a> </div></div> <!--焦點(diǎn)圖1結(jié)束--> <!--焦點(diǎn)圖2開(kāi)始 標(biāo)題13字 說(shuō)明30個(gè)字--> <div id="focusPic2" style="display:none;"> <a href="http://www." class="i_photo_a" target="_blank"> <img src="icon/images1227/02.jpg"></a> <h1><a href="http://www." target="_blank">這里是您的標(biāo)題二文字內(nèi)容</a></h1> <div id="index_page"><span onClick="javascript:setFocus(3);">點(diǎn)擊切換焦點(diǎn)圖→</span> <a href="javascript:setFocus(1);">1</a> <strong>2</strong> <a href="javascript:setFocus(3);">3</a> <a href="javascript:setFocus(4);">4</a> </div></div> <!--焦點(diǎn)圖2結(jié)束--> <!--焦點(diǎn)圖3開(kāi)始 標(biāo)題13字 說(shuō)明30個(gè)字--> <div id="focusPic3" style="display:none;"> <a href="http://www." class="i_photo_a" target="_blank"> <img src="icon/images1227/03.jpg"></a> <h1><a href="http://www." target="_blank">這里是您的標(biāo)題三文字內(nèi)容</a></h1> <div id="index_page"><span onClick="javascript:setFocus(4);">點(diǎn)擊切換焦點(diǎn)圖→</span> <a href="javascript:setFocus(1);">1</a> <a href="javascript:setFocus(2);">2</a> <strong>3</strong> <a href="javascript:setFocus(4);">4</a> </div></div> <!--焦點(diǎn)圖3結(jié)束--> <!--焦點(diǎn)圖4開(kāi)始 標(biāo)題13字 說(shuō)明30個(gè)字--> <div id="focusPic4" style="display:none;"> <a href="http://www." class="i_photo_a" target="_blank"> <img src="icon/images1227/04.jpg"></a> <h1><a href="http://www." target="_blank">這里是您的標(biāo)題四文字內(nèi)容</a></h1> <div id="index_page"><span onClick="javascript:setFocus(1);">點(diǎn)擊切換焦點(diǎn)圖→</span> <a href="javascript:setFocus(1);">1</a> <a href="javascript:setFocus(2);">2</a> <a href="javascript:setFocus(3);">3</a> <strong>4</strong> </div></div> <!--焦點(diǎn)圖4結(jié)束--> </td> </tr> </table> <br><br>更多請(qǐng)?jiān)L問(wèn)：<a href="http://www." target="_blank"><span style="font-size: 9pt">網(wǎng)頁(yè)特效代碼園地</span></a> </body> </html> 本代碼由<a href=http://www.>網(wǎng)頁(yè)特效網(wǎng)</a>提供 |
|
|
來(lái)自： 悟靜 > 《網(wǎng)站設(shè)計(jì)》
