运行代码框 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://pic1.xuehuaimg.com/proxy/http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片轮换新闻</title> </head> <body> <div id="flashnews"> <style type="text/css"> <!-- #flashnews{float:right;width:267px;height:224px;padding:5px;background-color:#8B0003;border:1px solid #FF0000;overflow:hidden;} #bimg {margin:0 auto;width:267px;height:202px;filter:progid:DXImageTransform.Microsoft.Fade(duration=0.5,overlap=1.0);overflow:hidden;} #bimg div img{width:267px;height:202px;border:0;} #bimg div.show{display:block;} #bimg div.dis{display:none;} #simg {position:absolute;float:right;width:126px;height:16px;margin-top:-17px;margin-left:140px;overflow:hidden;} #simg div {float:left;cursor:pointer;font-weight:bold;width:20px;text-align:center;color:#fff;background:#464646;border-right:1px solid #fff;font-size:11px;line-height:16px;height:16px;font-family:tahoma;filter:Alpha(opacity=80)} #simg div.s{background:#CE0609} #info {margin:0 auto;width:267px;height:12px;overflow:hidden;font-weight:bold;font-size:12px;padding:5px 0 5px 0;text-align:center;} #info div.show{display:block;} #info div.dis{display:none;} #info a{color:#FFF;text-decoration:none;} #info a:hover{color:#f00;} #simg {position:absolute;width:126px;margin-top:-17px;margin-left:140px;} #simg span{float:right;} --> </style> <div id="bimg"> <div name="f" class="show"><a href="http://sports.qq.com/isocce/England.htm" target="_blank"><img src="http://cn.ising99.com/hometest/code/news/imgs/6723800.jpg" border="0" /></a></div> <div name="f" class="dis"><a href="https://pic1.xuehuaimg.com/proxy/http://sports.qq.com/isocce/Italy.htm" target="_blank"><img src="http://cn.ising99.com/hometest/code/news/imgs/6723625.jpg" border="0" /></a></div> <div name="f" class="dis"><a href="https://pic1.xuehuaimg.com/proxy/http://sports.qq.com/csocce/newgz/07gz.htm" target="_blank"><img src="http://cn.ising99.com/hometest/code/news/imgs/6722119.jpg" border="0" /></a></div> <div name="f" class="dis"><a href="https://pic1.xuehuaimg.com/proxy/http://sports.qq.com/csocce/gnzq/nuzu/index.htm" target="_blank"><img src="http://cn.ising99.com/hometest/code/news/imgs/6722293.jpg" border="0" /></a></div> <div name="f" class="dis"><a href="https://pic1.xuehuaimg.com/proxy/http://sports.qq.com/cba/" target="_blank"><img src="http://cn.ising99.com/hometest/code/news/imgs/6722544.jpg" border="0" /></a></div> <div name="f" class="dis"><a href="https://pic1.xuehuaimg.com/proxy/http://sports.qq.com/others/badminton.htm" target="_blank"><img src="imgs/6722597.jpg" border="0" /></a></div> </div> <div id="simg"> <span><div name="f" class="s">1</div><div name="f">2</div><div name="f">3</div><div name="f">4</div><div name="f">5</div><div name="f">6</div></span> </div> <div id="info"> <div class="show" name="f"><a href="http://sports.qq.com/isocce/England.htm" target="_blank">英超-杰拉德重炮轰门法布救主 利物浦1-1阿森纳</a></div> <div class="dis" name="f"><a href="http://sports.qq.com/isocce/Italy.htm" target="_blank">意甲-安布染红米兰0-1负罗马 主场遭遇两连败</a></div> <div class="dis" name="f"><a href="http://sports.qq.com/csocce/newgz/07gz.htm" target="_blank">国足次战半场进4球 总比分11-0淘汰缅甸晋级</a></div> <div class="dis" name="f"><a href="http://sports.qq.com/csocce/gnzq/nuzu/index.htm" target="_blank">女足新帅情定伊丽莎白 前法国主教练接替多曼</a></div> <div class="dis" name="f"><a href="http://sports.qq.com/cba/" target="_blank">福建主场114-101胜云南 刘玉栋复出战仅拿2分</a></div> <div class="dis" name="f"><a href="http://sports.qq.com/others/badminton.htm" target="_blank">丹麦赛林丹轻松击败鲍春来 夺得男单桂冠</a></div> </div> <script type=text/javascript> <!-- function getid(o){ return (typeof o == "object")?o:document.getElementById(o);} function getNames(obj,name,tij){ var plist = getid(obj).getElementsByTagName(tij); var rlist = new Array(); for(i=0;i<plist.length;i++){if(plist[i].getAttribute("name") == name){rlist[rlist.length] = plist[i];}} return rlist; } function fiterplay(obj,num,t,name,c1,c2){ var fitlist = getNames(obj,name,t); for(i=0;i<fitlist.length;i++){ if(i == num){ fitlist[i].className = c1; } else{ fitlist[i].className = c2; } } } function play(obj,num){ var s = getid('simg'); var i = getid('info'); var b = getid('bimg'); try { with(b){ filters[0].Apply(); fiterplay(b,num,"div","f","show","dis"); fiterplay(s,num,"div","f","s",""); fiterplay(i,num,"div","f","show","dis"); filters[0].play(); } } catch(e){ fiterplay(b,num,"div","f","show","dis"); fiterplay(s,num,"div","f","s",""); fiterplay(i,num,"div","f","show","dis"); } } function format(){ var s = getid('simg'); var l = getNames(s,"f","div") for(i=0;i<l.length;i++){ l[i].num = i; l[i].onclick = function() { play(this,this.num); } } } var autoStart = 0; var n = 0; function clearAuto() {clearInterval(autoStart);}; function setAuto(){autoStart=setInterval("auto(n)", 3000)} function auto(){ var s = getid("simg"); var x = getNames(s,"f","div"); n++; if(n>(x.length-1)) { n = 0; } play(x[n],n); } format(); setAuto(); //--> </script> </body> </html> [Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]