`
isiqi
  • 浏览: 16044769 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript有关图片

阅读更多

Media_Play.js

<!-- //bannerADrotator为图片的名字
var bannerAD=new Array();
var bannerADlink=new Array();
var adNum=0;
bannerAD[0]="pic/1.jpg"; //路径
bannerADlink[0]="#";
bannerAD[1]="pic/2.jpg";
bannerADlink[1]="#";
bannerAD[2]="pic/3.jpg";
bannerADlink[2]="#";
bannerAD[3]="pic/4.jpg";
bannerADlink[3]="#";

var preloadedimages=new Array();
for (i=1;i<5;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=bannerAD[i];
}

function setTransition(){
if (document.all){
bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
bannerADrotator.filters.revealTrans.apply();
}
}

function playTransition(){
if (document.all)
bannerADrotator.filters.revealTrans.play()
}

function nextAd(){
if(adNum<bannerAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.bannerADrotator.src=bannerAD[adNum];
playTransition();
theTimer=setTimeout("nextAd()", 3000);
}

function jump2url(){
jumpUrl=bannerADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg() {
status=bannerADlink[adNum];
document.returnValue = true;
}
//-->
测试界面: pic.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>动态图片显示</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<table>
<tr>
<td align=middle>
<script language=JavaScript src="Media_Play.js"></script>
<a onMouseOver="displayStatusMsg();return document.returnValue" href="javascript:jump2url()">
<img style="FILTER: revealTrans(duration=2,transition=20)" height=200 src="javascript:nextAd()" width=186 border=0 name=bannerADrotator></a>
</td>
</tr>
</table>
</BODY>
</HTML>

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics