首頁
網(wǎng)頁特效庫
網(wǎng)頁特效庫
導(dǎo)航菜單
按鈕表單
背景特效
時(shí)間日期
圖片特效
鼠標(biāo)特效
文本操作
窗口頁面
狀態(tài)欄類
警告對(duì)話
綜合應(yīng)用
游戲娛樂
首頁
>
特效
>
圖片特效
> 正文
翻動(dòng)圖片新聞代碼
2009-11-26 圖片特效 ℃
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>精致的翻動(dòng)圖片新聞代碼</title> <style type="text/css"> <!-- .t14 { font-size: 14px; line-height: 130%; text-decoration: none; color: #000000} .dg12 { font-family: "宋體"; font-size: 12px; line-height: 14px; color: #3D93BF; text-decoration: none} .ttzy { font-family: "宋體"; font-size: 12px; line-height: 16px; text-decoration: none; color: #A34F17} a:hover { text-decoration: underline} a { font-size: 12px} .fdg12 { font-weight:bold;font-family: "宋體"; font-size: 12px; line-height: 14px; color: #3D93BF; text-decoration: none} .s { font-weight:bold; float:left; font-size:12px;padding:0 2px;border-right:1px solid #666; border-bottom:1px solid #666; margin:3px 0 0 5px;} .s a{ text-decoration:none; color:#bc2931; } .s a:hover{ color:#000;} --> </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div class="rxr5z1b" id="headlineLayer" style="position:absolute; width:219px; height:0px; z-index:37; border: 1px none #000000;FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=1, motion='forward');"> <table id='headline1' width='219' border='0' cellspacing='0' cellpadding='0' align='center' height='50'> <tr> <td> <table width="219" height="1" valign="middle" border="0" cellpadding="0" cellspacing="0" align="right"> <tr> <td width="101" class="dg12"></td> <td width="52" class="dg12"></td> <td colspan="2" width="66" height="1"> <!-- <div align="center"> <div id="fxbzljx" class="s">1</div> <div id="hz1vvjt" class="s"><a href="javascript:jumpHeadline(2)">2</a></div> <div id="bvrxjpf" class="s"><a href="javascript:jumpHeadline(3)">3</a></div> </div> --> </td> </tr> </table> </td> </tr> <tr> <td align="center"> <table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=# target="_blank"><img src=/images/tx/4.jpg width="329" height="228" vspace="6" border="0"><br> 和田玉新“國標(biāo)”為何引來一片質(zhì)疑聲</a></td> </tr> </table> </td> </tr> </table> </div> <table id='headline1' border='0' cellspacing='0' cellpadding='0' height='50' style='display:none' width="219"> <tr> <td> <table width="219" height="1" valign="middle" border="0" cellpadding="0" cellspacing="0" align="right"> <tr> <td width="101" class="dg12"></td> <td width="52" class="dg12"></td> <td colspan="2" width="66" height="1"> <!-- <div align="center"> <div id="hpbf3h1" class="s">1</div> <div id="pp1jpfj" class="s"><a href="javascript:jumpHeadline(2)">2</a></div> <div id="vdbvxhp" class="s"><a href="javascript:jumpHeadline(3)">3</a></div> </div> --> </td> </tr> </table> </td> </tr> <tr> <td align="center"><a href=# target='_blank' class='ttzy'></a> <table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=# target="_blank"><img src=/images/tx/3.jpg width="329" height="228" vspace="6" border="0"><br> 冬蟲夏草之劫：還原“神藥”的本來面目</a></td> </tr> </table> </td> </tr> </table> <table id='headline2' width='219' border='0' cellspacing='0' cellpadding='0' height='50' style='display:none'> <tr> <td> <table width="219" height="1" valign="middle" border="0" cellpadding="0" cellspacing="0" align="right"> <tr> <td width="101" class="dg12"></td> <td width="52" class="dg12"></td> <td colspan="2" width="66" height="1"> <!-- <div align="center"> <div id="x5npz7z" class="s"><a href="javascript:jumpHeadline(1)">1</a></div> <div id="xrxttjt" class="s">2</div> <div id="btdxf9z" class="s"><a href="javascript:jumpHeadline(3)">3</a></div> </div> --> </td> </tr> </table> </td> </tr> <tr> <td align="center"><a href=# target='_blank' class='ttzy'></a> <table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=# target="_blank"><img src=/images/tx/2.jpg width="329" height="228" vspace="6" border="0"><br> 盛大白金帳號(hào)</a></td> </tr> </table> </td> </tr> </table> <table id='headline3' width='219' border='0' cellspacing='0' cellpadding='0' height='50' style='display:none'> <tr> <td> <table width="219" height="1" valign="middle" border="0" cellpadding="0" cellspacing="0" align="right"> <tr> <td width="101" class="dg12"></td> <td width="52" class="dg12"></td> <td colspan="2" width="66" height="1"> <!-- <div align="center"> <div id="bnbfxp1" class="s"><a href="javascript:jumpHeadline(1)">1</a></div> <div id="nd3pz9b" class="s"><a href="javascript:jumpHeadline(2)">2</a></div> <div id="ppbxphb" class="s">3</div> </div> --> </td> </tr> </table> </td> </tr> <tr> <td align="center"><a href=# target='_blank' class='ttzy'></a> <table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=# target="_blank"><img src=/images/tx/1.jpg width="329" height="228" vspace="6" border="0"><br> 被清退的代課教師們：我在迷茫中等待</a></td> </tr> </table> </td> </tr> </table> <script language="javascript"> var currentIEBrowser = navigator.appName.indexOf("Microsoft") != -1; var currentL=1; var first=true; function switchContent() { if(currentL >=4) currentL=1; if(first) currentL++; jumpHeadline(currentL++); } function jumpHeadline(c) { first=false; if(c < 1 || c >= 4) return; if(currentIEBrowser) { headlineLayer.filters[0].apply(); headlineLayer.innerHTML = "<TABLE width='219' border='0' cellspacing='0' cellpadding='0' align='center'>"+document.getElementById('headline'+c).innerHTML+"</TABLE>"; headlineLayer.filters[0].play(); }else { document.getElementById('headlineLayer').innerHTML = "<TABLE width='219' border='0' cellspacing='0' cellpadding='0' align='center'>"+document.getElementById('headline'+c).innerHTML+"</TABLE>"; } } setInterval("switchContent()",5000); </script> </body> </html>
相關(guān)特效代碼
無相關(guān)信息
熱門特效代碼
js圖片自動(dòng)切換代碼
CSS實(shí)現(xiàn)區(qū)域內(nèi)等比例放大縮小圖片
JS圖片切換效果
飄動(dòng)圖片廣告代碼
鼠標(biāo)經(jīng)過圖片變大
簡單高效的javascript 幻燈片播放
JavaScript封裝的平滑圖片滾動(dòng)，
點(diǎn)擊圖片出現(xiàn)大圖
圖片局部放大效果特效
圖片上下左右拉伸效果特效
推薦特效代碼
點(diǎn)擊按鈕淡入淡出彈出圖文信息
探照燈效果圖片特效代碼
簡單高效的javascript 幻燈片播放
飄動(dòng)圖片廣告代碼
JavaScript封裝的平滑圖片滾動(dòng)，
超酷超絢精美圖片展示效果代碼
網(wǎng)站首頁
|
關(guān)于我們
|
游客留言
|
網(wǎng)站地圖
|
免責(zé)聲明
|
返回頂部
陜ICP備05013981號(hào)-6
