javascript新闻切换技术_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:38:23

javascript新闻切换技术_javascript技巧

javascript新闻切换技术_javascript技巧: 脚本之家www.gxlcms.com新闻切换技术 var nn; nn=1; setTimeout('change_img()',6000); function change_img() { if(nn>4) nn=1 setTimeout('setFocus1('+nn+')',6000); nn++; tt=setTime

推荐度：

点击下载本文 文档为doc格式

导读javascript新闻切换技术_javascript技巧: 脚本之家www.gxlcms.com新闻切换技术 var nn; nn=1; setTimeout('change_img()',6000); function change_img() { if(nn>4) nn=1 setTimeout('setFocus1('+nn+')',6000); nn++; tt=setTime

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>脚本之家www.gxlcms.com新闻切换技术</title> 
<style type="text/css"> 
 
</style> 
</head>

<body> 
  
var nn; 
nn=1; 
setTimeout('change_img()',6000); 
function change_img() 
{ 
 if(nn>4) nn=1 
 setTimeout('setFocus1('+nn+')',6000); 
 nn++; 
 tt=setTimeout('change_img()',6000); 
} 
function setFocus1(i) 
{ 
 selectLayer1(i); 
} 
function selectLayer1(i) 
{ 
 switch(i) 
 { 
 case 1: 
 document.getElementById("focusPic1").style.display="block"; 
 document.getElementById("focusPic2").style.display="none"; 
 document.getElementById("focusPic3").style.display="none"; 
 document.getElementById("focusPic4").style.display="none"; 
 document.getElementById("focusPic1nav").style.display="block"; 
 document.getElementById("focusPic2nav").style.display="none"; 
 document.getElementById("focusPic3nav").style.display="none"; 
 document.getElementById("focusPic4nav").style.display="none"; 
 break; 
 case 2: 
 document.getElementById("focusPic1").style.display="none"; 
 document.getElementById("focusPic2").style.display="block"; 
 document.getElementById("focusPic3").style.display="none"; 
 document.getElementById("focusPic4").style.display="none"; 
 document.getElementById("focusPic1nav").style.display="none"; 
 document.getElementById("focusPic2nav").style.display="block"; 
 document.getElementById("focusPic3nav").style.display="none"; 
 document.getElementById("focusPic4nav").style.display="none"; 
 break; 
 case 3: 
 document.getElementById("focusPic1").style.display="none"; 
 document.getElementById("focusPic2").style.display="none"; 
 document.getElementById("focusPic3").style.display="block"; 
 document.getElementById("focusPic4").style.display="none"; 
 document.getElementById("focusPic1nav").style.display="none"; 
 document.getElementById("focusPic2nav").style.display="none"; 
 document.getElementById("focusPic3nav").style.display="block"; 
 document.getElementById("focusPic4nav").style.display="none"; 
 break; 
 case 4: 
 document.getElementById("focusPic1").style.display="none"; 
 document.getElementById("focusPic2").style.display="none"; 
 document.getElementById("focusPic3").style.display="none"; 
 document.getElementById("focusPic4").style.display="block"; 
 document.getElementById("focusPic1nav").style.display="none"; 
 document.getElementById("focusPic2nav").style.display="none"; 
 document.getElementById("focusPic3nav").style.display="none"; 
 document.getElementById("focusPic4nav").style.display="block"; 
 break; 
 } 
} 
</ script> 
 
 
 <img src="http://cimg.163.com/tech/2006/1/18/2006011810122068706.jpg" 网易学院05年软件评选结果" width="240" height="180" border="0" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
 <h2>网易学院05年软件评选结果</h2> 
 
经过大家的热情投票和我们的辛劳整理，网易学院2005年年度软件评选结果终于出炉啦。点击进入查看……<img src="https://www.gxlcms.com/Uploads-s//newimg/i2.gif" 详细" width="3" height="5" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 详细</p> 
 
 
 <img src="http://cimg.163.com/tech/2006/1/17/200601171557008cee7.jpg" 颠覆丛林动物生存法则" width="240" height="180" border="0" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
 <h2>颠覆丛林动物生存法则</h2> 
 <p>群居动物的这种行为颠覆了我们通常认为的，在动物世界通行的 "丛林法则"，动物不都自私，不都是弱肉强食的。<img src="https://www.gxlcms.com/Uploads-s//newimg/i2.gif" 详细" width="3" height="5" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 详细</p><script type="text/javascript" src="https://jss.51dongshi.net/pcwz/wenzhong.js"></script> 
 
 
 <img src="http://cimg.163.com/tech/2006/1/17/2006011711483290a60.jpg" WAPI并非贸易阴谋" width="240" height="180" border="0" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
 <h2>WAPI并非贸易阴谋</h2> 
 <p>近日国家做出决定："将向其他的国内及国外企业公布该算法"。事实证明中国WAPI标准并非是贸易阴谋。<img src="https://www.gxlcms.com/Uploads-s//newimg/i2.gif" 详细" width="3" height="5" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 详细</p> 
 
 
 <img src="http://cimg.163.com/tech/2006/1/17/200601171002503f251.jpg" 新视野号探测冥王星特别专题" width="240" height="180" border="0" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
 <h2>新视野号探测冥王星特别专题</h2> 
 <p>美国宇航局将于北京时间18日凌晨2时24分发射新视野号探测器，造访这颗人类唯一尚未探测过的行星-冥王星。<img src="https://www.gxlcms.com/Uploads-s//newimg/i2.gif" 详细" width="3" height="5" / onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 详细</p> 
 
 
 
 > 更多头图新闻 
 
 
 <li>1</li> 
 <li>2</li> 
 <li>3</li> 
 <li>4</li> 
 
 
 
 
 <li>1</li> 
 <li>2</li> 
 <li>3</li> 
 <li>4</li> 
 
 
 
 
 <li>1</li> 
 <li>2</li> 
 <li>3</li> 
 <li>4</li> 
 
 
 
 
 <li>1</li> 
 <li>2</li> 
 <li>3</li> 
 <li>4</li> 
 
 
 
 
 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript新闻切换技术_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签：切换技巧 js

热门焦点

javascript新闻切换技术_javascript技巧

javascript新闻切换技术_javascript技巧

javascript新闻切换技术_javascript技巧

最新推荐

猜你喜欢

热门推荐