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

📁 一些javascript的小例子希望对初学者有更好的帮助

💻 HTM

字号:

<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>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -