首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
图片特效
> 正文
翻动图片新闻代码
2009-11-26 图片特效 270℃
<!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>精致的翻动图片新闻代码</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 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 class="s">1</div> <div class="s"><a href="javascript:jumpHeadline(2)">2</a></div> <div 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> 和田玉新“国标”为何引来一片质疑声</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 class="s">1</div> <div class="s"><a href="javascript:jumpHeadline(2)">2</a></div> <div 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 class="s"><a href="javascript:jumpHeadline(1)">1</a></div> <div class="s">2</div> <div 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> 盛大白金帐号</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 class="s"><a href="javascript:jumpHeadline(1)">1</a></div> <div class="s"><a href="javascript:jumpHeadline(2)">2</a></div> <div 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>
相关特效代码
无相关信息
热门特效代码
js图片自动切换代码
CSS实现区域内等比例放大缩小图片
JS图片切换效果
飘动图片广告代码
鼠标经过图片变大
简单高效的javascript 幻灯片播放
JavaScript封装的平滑图片滚动，
点击图片出现大图
图片局部放大效果特效
图片上下左右拉伸效果特效
推荐特效代码
点击按钮淡入淡出弹出图文信息
探照灯效果图片特效代码
简单高效的javascript 幻灯片播放
飘动图片广告代码
JavaScript封装的平滑图片滚动，
超酷超绚精美图片展示效果代码
