网站首页定时切换的图片新闻怎么做

如题
功能类似 http://news.shangdu.com/2008/xinwen_lunhuantu.htm
请问怎么实现

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head><body  LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<table width="320" height="260" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" valign="top" bgcolor="#FFFFFF"> <STYLE type=text/css>#imgTitle { FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left } .f12 { font-family: "宋体"; font-size: 13px; color: #FF00FF; text-decoration: none; margin-top: 0px; margin-bottom: 0px; } #imgTitle_up { LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left } #imgTitle_down { LEFT: 0px; TEXT-ALIGN: right } .imgClass { BORDER-RIGHT: #000 0px solid; BORDER-TOP: #000 0px solid; BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid } #txtFrom { VERTICAL-ALIGN: middle; TEXT-ALIGN: center } .button { PADDING-RIGHT: 7px; PADDING-LEFT: 7px; BACKGROUND: #e5d8da; PADDING-BOTTOM: 2px; MARGIN: 0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 2px; TEXT-DECORATION: none } A.button { COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none } A.button:link { COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none } A.button:visited { COLOR: #ffffff; FONT-FAMILY: sans-serif; BACKGROUND-COLOR: #000000; TEXT-DECORATION: none } A.button:hover { BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none } .buttonDiv { BACKGROUND: #000000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center } .trans { FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000 } </STYLE> <DIV style="MARGIN-TOP: 1px" align=center> <SCRIPT language=javascript type=text/javascript> var imgWidth=320; var imgHeight=240; var textFromHeight=24; var textStyle="f12"; var textLinkStyle="p1"; var buttonLineOn="#A91413"; var buttonLineOff="#000"; var TimeOut=10000; var imgUrl=new Array(); var imgLink=new Array(); var imgtext=new Array(); var imgAlt=new Array(); var adNum=0; document.write('<style type="text/css">'); document.write('#focuseFrom{width:'+(imgWidth+2)+';margin: 0px; padding:0px;height:'+(imgHeight+textFromHeight)+'px; overflow:hidden;}'); document.write('#txtFrom{height:'+textFromHeight+'px;line-height:'+textFromHeight+'px;width:'+imgWidth+'px;overflow:hidden;}'); document.write('#imgTitle{width:'+imgWidth+';top:-'+(textFromHeight+16)+'px;height:18px}'); document.write('</style>'); document.write('<div id="focuseFrom">'); var i=1;   imgUrl[i]="I_AM_SPECIALContents/Channel_3548/2008/0429/104206/asset000020004495970file1.jpg"; imgUrl[i]=imgUrl[i].substring(12,imgUrl[i].length); imgLink[i]="http://news.shangdu.com/2008/Contents/Channel_3548/2008/0429/104206/content_104206.shtml"; imgtext[i]="广州亚运会吉祥物取名“乐羊羊”"; imgAlt[i]="广州亚运会吉祥物取名“乐羊羊”"; if(imgtext[i].length > 20) { imgtext[i]=imgtext[i].substring(0, 20) + "..."; } i++;    imgUrl[i]="I_AM_SPECIALContents/Channel_3548/2008/0429/104318/asset000020004496082file1.jpg"; imgUrl[i]=imgUrl[i].substring(12,imgUrl[i].length); imgLink[i]="http://news.shangdu.com/2008/Contents/Channel_3548/2008/0429/104318/content_104318.shtml"; imgtext[i]="胶济铁路今晨恢复通车"; imgAlt[i]="胶济铁路今晨恢复通车"; if(imgtext[i].length > 20) { imgtext[i]=imgtext[i].substring(0, 20) + "..."; } i++;    imgUrl[i]="I_AM_SPECIALContents/Channel_3548/2008/0429/104310/asset000020004496074file1.jpg"; imgUrl[i]=imgUrl[i].substring(12,imgUrl[i].length); imgLink[i]="http://news.shangdu.com/2008/Contents/Channel_3548/2008/0429/104310/content_104310.shtml"; imgtext[i]="印度北部遭热浪袭击最高温度达41℃"; imgAlt[i]="印度北部遭热浪袭击最高温度达41℃"; if(imgtext[i].length > 20) { imgtext[i]=imgtext[i].substring(0, 20) + "..."; } i++;    imgUrl[i]="I_AM_SPECIALContents/Channel_3548/2008/0429/104323/asset000020004496087file1.jpg"; imgUrl[i]=imgUrl[i].substring(12,imgUrl[i].length); imgLink[i]="http://news.shangdu.com/2008/Contents/Channel_3548/2008/0429/104323/content_104323.shtml"; imgtext[i]="浙江兰溪长乐村再现古代私塾"; imgAlt[i]="浙江兰溪长乐村再现古代私塾"; if(imgtext[i].length > 20) { imgtext[i]=imgtext[i].substring(0, 20) + "..."; } i++;    imgUrl[i]="I_AM_SPECIALContents/Channel_3548/2008/0429/104333/asset000020004496098file1.jpg"; imgUrl[i]=imgUrl[i].substring(12,imgUrl[i].length); imgLink[i]="http://news.shangdu.com/2008/Contents/Channel_3548/2008/0429/104333/content_104333.shtml"; imgtext[i]="印度发射“一箭10星”"; imgAlt[i]="印度发射“一箭10星”"; if(imgtext[i].length > 20) { imgtext[i]=imgtext[i].substring(0, 20) + "..."; } i++;   function changeimg(n) { adNum=n; window.clearInterval(theTimer); adNum=adNum-1; nextAd(); } function goUrl(){ window.open(imgLink[adNum],'_blank'); } if (navigator.appName=="Netscape") { document.write('<style type="text/css">'); document.write('.buttonDiv{height:4px;width:21px;}'); document.write('</style>'); function nextAd(){ if(adNum<(imgUrl.length-1))adNum++; else adNum=1; theTimer=setTimeout("nextAd()", TimeOut); document.images.imgInit.src=imgUrl[adNum]; document.images.imgInit.alt=imgAlt[adNum]; document.getElementById('focustext').innerHTML=imgtext[adNum]; document.getElementById('imgLink').href=imgLink[adNum]; } document.write('<a id="imgLink" href="'+imgLink[1]+'" target=_blank class="p1"><img src="'+imgUrl[1]+'" name="imgInit" width='+imgWidth+' height='+imgHeight+' border=1 alt="'+imgAlt[1]+'" class="imgClass"></a><div id="txtFrom"><span id="focustext" class="'+textStyle+'">'+imgtext[1]+'</span></div>'); document.write('<div id="imgTitle">'); document.write('<div id="imgTitle_down">'); for(var i=1;i<imgUrl.length;i++){document.write('<a href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'">'+i+'</a>');} document.write('</div>'); document.write('</div>'); nextAd(); } else { var count=0; for (i=1;i<imgUrl.length;i++) { if( (imgUrl[i]!="") && (imgLink[i]!="")&&(imgtext[i]!="")&&(imgAlt[i]!="") ) { count++; } else { break; } } function playTran(){ if (document.all) imgInit.filters.revealTrans.play(); } var key=0; function nextAd(){ if(adNum<count)adNum++ ; else adNum=1; if( key==0 ){ key=1; } else if (document.all){ imgInit.filters.revealTrans.Transition=8; imgInit.filters.revealTrans.apply(); playTran(); } document.images.imgInit.src=imgUrl[adNum]; document.images.imgInit.alt=imgAlt[adNum]; document.getElementById('link'+adNum).style.background=buttonLineOn; for (var i=1;i<=count;i++) { if (i!=adNum){document.getElementById('link'+i).style.background=buttonLineOff;} } focustext.innerHTML=imgtext[adNum]; theTimer=setTimeout("nextAd()", TimeOut); } document.write('<a target=_self href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=8);" src="javascript:nextAd()" width='+imgWidth+' height='+imgHeight+' border=0 vspace="0" name=imgInit class="imgClass"></a>'); document.write('<div id="txtFrom"><span id="focustext" class="'+textStyle+'"></span></div>'); document.write('<div id="imgTitle">'); document.write(' <div id="imgTitle_down"> <a class="trans"></a>'); for(var i=1;i<imgUrl.length;i++){document.write('<a id="link'+i+'" href="javascript:changeimg('+i+')" class="button" style="cursor:hand" title="'+imgAlt[i]+'" onFocus="this.blur()">'+i+'</a>');} document.write('</div>'); document.write('</div>'); document.write('</div>'); } </SCRIPT> </DIV>
      <div align="left"></div></td>
  </tr>
</table>
</body>
</html>
改变其中的链接和文字就可以了
   js脚本
这里有现成的`
http://www.jz123.cn/ad.htm
js代码我也有，不会在js中加入读取数据库中的记录语句
用ajax，从后台提数据去更新前台页面信息
最简单直接的方法试下把整段js封装.再用数组装载imgurl