轮播音乐与图片展示-优快云博客

本文链接：https://blog.youkuaiyun.com/flanet/article/details/7883366

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<title> </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="zl">
<meta name="Keywords" content="">
<meta name="Description" content="">

<style>
	#ljdiv{ 
	position:absolute; 
	left:0px; 
	top:0px; 
	} 

</style>
<script language="javascript">
	function changeMusic(music) {
		document.getElementById("player").url = music;
	}


	function likeAlert(){
			alert('like');
			changeMusic('Pal3.mp3');	

	}
	var now = 1;
	var max = 3;
	function change() {
		for ( var i = 1; i <= max; i++) {
			if (i == now)
				document.getElementById("ad" + now).style.display = "block";
			else
				document.getElementById("ad" + i).style.display = "none";

		}
		if (now == max) {
			now = 1;
		} else
			now = now + 1;

		setTimeout("change()", 3000);
	}

	function big(){

		document.getElementById("ad2").style.width=1000;
		document.getElementById("ad2").style.height=500;
		document.getElementById("ad3").style.width=1000;
		document.getElementById("ad3").style.height=500;

	}

	function small(){

		document.getElementById("ad2").style.width=500;
		document.getElementById("ad2").style.height=300;
		document.getElementById("ad3").style.width=1000;
		document.getElementById("ad3").style.height=500;

	}

</script>
</head>

<body οnlοad="changeMusic('Pal3.mp3'),change()"
	style="background-image: url('01.jpg'); background-repeat: no-repeat;">
	<object id="player" height="0" width="0"
		classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
		<param NAME="AutoStart" VALUE="1">
		<!--是否自动播放-->
		<param NAME="url" value="">
		<!--播放的文件地址-->
		<param NAME="PlayCount" VALUE="1">
	</object>

	<DIV  id="ljdiv">
		<TABLE width="100%" border="0" cellspacing="0" cellpadding="0">
			<TR align="center">
				<!--   设置图片的轮流显示 -->
				<TD><A href="javascript:likeAlert()"><IMG src="image/index-7.jpg"
						id="ad2" style="posision: absolute; z-index: 1"  οnmοuseοver="big()"   οnmοuseοut="small()" >
				</A><A href="javascript:likeAlert()"><IMG src="image/index-5.jpg" id="ad3"
						style="posision: absolute; z-index: 2"   οnmοuseοver="big()"   οnmοuseοut="small()">
				</A><A href="javascript:likeAlert()"><IMG src="image/index-6.jpg" id="ad1"
						style="posision: absolute; z-index: 3;width:0px;height:0px">
				</A>
				 
				</TD>
			</TR>

	    </TD>
		</TABLE>
	</DIV>


</body>
</html>

js 图片