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>
分享到:
相关推荐
图片显示特效javascript 图片显示特效javascript 图片显示特效javascript
Javascript实现图片放大和缩小,方便大家使用
javaScript检测图片大小,检测图片的大小,尺寸
javascript主题图片滚动,互联网上随处可见,页面主题图片哦
JAVASCRIPT 新闻图片自动播放猿代码
JavaScript图片旋转效果,纯粹的JS源码
javascript图片展示 网页中javascript图片展示
利用javascript脚本语言实现图片的幻灯播放
javascript图片自动切换效果 javascript图片自动切换效果
JavaScript实现的图片切割,可以鼠标拖动选择切割区域,调节切割大小等。附有实例
最简单的方法实现javascript图片上传预览功能
用JavaScript实现的图片播放效果,效果绚丽。
很不错的演示了如何使用JavaScript实现图片轮换播放。
JavaScript图片放大.rarJavaScript图片放大.rarJavaScript图片放大.rarJavaScript图片放大.rarJavaScript图片放大.rarJavaScript图片放大.rar
有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示.rar有点炫的JavaScript立体图片展示...
Javascript图片库
本代码有图片定时展示功能和光标划过... 本代码采用javascript实现,用的有JQuery,代码也可以更改为完全由javascript纯代码实现,易理解,易修改。 本功能图片直接使用网络,如果有图片没有显示,修改图片路径即可。
javascript 实现图片轮转效果,效果页面可查看当当品牌店铺
JavaScript图片展示遮罩特效,悬空浮动,鼠标移动到图片,打开遮罩层,移开则重新遮罩。可用来制作迷宫或者选图片答题等游戏。
JavaScript图片轮换源代码,yongJquery实现的不间断的图片轮换代码