想做一个图片更新效果

kanjing 2004-06-24 02:39:57

如http://sports.sina.com.cn/ 左边的图片新闻效果,有渐变,可后台管理图片.

请教高手,代码该如何写?

...全文

127 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

kanjing 2004-06-24

打赏
举报

谢谢

gjd111686 2004-06-24

打赏
举报

至于数据库图片如何放到数组就不多说了:你可以做一页输出image/jpg流,数组的URL里放此页URL?ID=图片记录ID就可以了.

gjd111686 2004-06-24

打赏
举报

拷贝原代码就可以了

<body onload="nextAd()">
<SCRIPT language=JavaScript>

var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
imgUrl[1]="1.jpg";
imgLink[1]="#";
imgUrl[2]="2.jpg";
imgLink[2]="#";
imgUrl[3]="3.jpg";
imgLink[3]="#";
imgUrl[4]="4.jpg";
imgLink[4]="#";
imgUrl[5]="5.jpg";
imgLink[5]="#";

var imgPre=new Array();
var j=0;
for (i=1;i<=5;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
j++;
} else {
break;
}
}

function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}

var key=0;
function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;

if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=6;
imgInit.filters.revealTrans.apply();
playTran();

}
document.images.imgInit.src=imgUrl[adNum];
theTimer=setTimeout("nextAd()", 3000);
}

function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else
location.href=jumpUrl;
}
}
</SCRIPT>
<A href="javascript:goUrl()"><IMG class=img01
style="BORDER-LEFT-COLOR: black; FILTER: revealTrans(duration=2,transition=20); BORDER-BOTTOM-COLOR: black; COLOR: #000000; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height=162
src="1.jpg"
width=258 border=1 name=imgInit></A>