JS翻动图片新闻代码
<!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>精致的翻动图片新闻代码/www.3code.cn</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"></td>
<td width="52"></td>
<td colspan="2" width="66" height="1">
<!--
<div align="center">
<div>1</div>
<div><a href="javascript:jumpHeadline(2)">2</a></div>
<div><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=https://www.3code.cn target="_blank"><img src=http://www.xinhuanet.com/focus/xin_012090403100198446269.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"></td>
<td width="52"></td>
<td colspan="2" width="66" height="1">
<!--
<div align="center">
<div>1</div>
<div><a href="javascript:jumpHeadline(2)">2</a></div>
<div><a href="javascript:jumpHeadline(3)">3</a></div>
</div>
-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><a href=https://www.3code.cn target='_blank' class='ttzy'></a>
<table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=https://www.3code.cn target="_blank"><img src=http://www.xinhuanet.com/focus/xin_5420904030957046232007.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"></td>
<td width="52"></td>
<td colspan="2" width="66" height="1">
<!--
<div align="center">
<div><a href="javascript:jumpHeadline(1)">1</a></div>
<div>2</div>
<div><a href="javascript:jumpHeadline(3)">3</a></div>
</div>
-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><a href=https://www.3code.cn target='_blank' class='ttzy'></a>
<table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=http://www.3sdo.cn target="_blank"><img src=http://www.xinhuanet.com/focus/xin_2720904030956781191805.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"></td>
<td width="52"></td>
<td colspan="2" width="66" height="1">
<!--
<div align="center">
<div><a href="javascript:jumpHeadline(1)">1</a></div>
<div><a href="javascript:jumpHeadline(2)">2</a></div>
<div>3</div>
</div>
-->
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center"><a href=https://www.3code.cn target='_blank' class='ttzy'></a>
<table width="366" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top"><a href=https://www.3code.cn target="_blank"><img src=http://www.xinhuanet.com/focus/xinsrc_2820904030952968573327.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>
相关项目
