動態圖片新聞,JS實現.
<script language="JavaScript">
var imgUrl=new Array();
var imgLink=new Array();
var imgText=new Array();
var picNum=0;
imgUrl[1]="圖片地址一";
imgLink[1]="鏈接1";
imgText[1]="標題或簡介或其它HTML內容1";
imgUrl[2]="圖片地址二";
imgLink[2]="鏈接2";
imgText[2]="標題或簡介或其它HTML內容2";
imgUrl[3]="圖片地址三";
imgLink[3]="鏈接3";
imgText[3]="標題或簡介或其它HTML內容3";
imgUrl[4]="圖片地址四";
imgLink[4]="鏈接4";
imgText[4]="標題或簡介或其它HTML內容4";
imgUrl[5]="圖片地址五";
imgLink[5]="鏈接5";
imgText[5]="標題或簡介或其它HTML內容5";
function NextPic(){
??? if(picNum<4) picNum++ ;//顯示4個圖片
??? else picNum=1;
??? if (document.all){
??????? //下面注意,如果存在于FORM表單中,需要使用下面的方法,否則可直接使用name。
??????? document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23);
??????? document.imgInit.filters.revealTrans.apply();
??????? document.imgInit.filters.revealTrans.play();
??? }
??? document.images.imgInit.src=imgUrl[picNum];
??? //如果不是圖片,而是SWF等,可做判斷,內容可在程序中做好,再放于下面。
??? focustext.innerHTML='<a href='+imgLink[picNum]+' target=_blank>'+imgText[picNum]+'</a>';
??? //設置翻頁時間
??? theTimer=setTimeout('NextPic()', 3000);
}
function goUrl(){
??? window.open(imgLink[picNum],'_blank');
}
</script>
HTML代碼中:
可以做到控件中
<TABLE cellPadding=0 width=100% border=0>
??????? <TR>
????????? <TD align=middle height="140" >
<div align='center'>
<a href='javascript:goUrl()'><img style="FILTER: revealTrans(duration=2,Transition=5)" src="javascript:NextPic()" width="170" height="120" border="1"? id=imgInit name=imgInit></a></TD></TR>
<TR><TD align=middle height="38" ><div name=focustext id=focustext align='center'></div>
</div>
</TD></TR></TABLE>
posted on 2007-01-25 15:25
Q系列類、方法、變量…… 閱讀(2662)
評論(1) 編輯 收藏