15.8 切换图片的特殊效果.htm

来自「一些javascript的小例子希望对初学者有更好的帮助」· HTM 代码 · 共 55 行

HTM
55 行
字号 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>无标题页</title>
<script language="javascript">
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
var jumpUrl="http://pic.music.tom.com/view/35611/tid-35611-pid-1.html";
imgLink[1]="http://pic.music.tom.com/view/35611";
imgLink[2]="http://pic.music.tom.com";
imgUrl[1]="http://cimg.163.com/tech/2006/1/18/2006011810122068706.jpg";
imgUrl[2]="http://cimg.163.com/tech/2006/1/17/200601171002503f251.jpg";
var imgPre=new Array();
var j=0;
for (i=1;i<=imgUrl.length-1;i++) 
{
	if(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];
	jumpUrl=imgLink[adNum];
	theTimer=setTimeout("nextAd()", 7000);
}
//单击图片时实现导航
function goUrl()
{	
	if (jumpUrl != ''){
		if (jumpTarget != '') window.open(jumpUrl,'_blank');
		else location.href=jumpUrl;
	}
}
</script>
</head>
<body>
<a href="javascript:goUrl()"><img style="FILTER:revealTrans(duration=2,transition=7);border:1 solid black" 
src="javascript:nextAd()" width="300" border="0" name="imgInit" height="210"></a>
</body>
</html>

15.8 切换图片的特殊效果.htm - 源码说明

本页面展示了「一些javascript的小例子希望对初学者有更好的帮助」中的 15.8 切换图片的特殊效果.htm 源码文件，采用 HTM 编程语言编写，共 55 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与javascript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?