用jS实现flash文件的无刷新点选展示
用jS实现flash文件的无刷新点选展示
在页面里的一个固定区域内，自由的选择自己想要的显示的flash文件，用js完全可以实现，今天研究了一下总算弄出来了，以前实现这种效果只会用弹出新窗口的办法，现在，只用写一个函数就可以了，是不是方便了很多？<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
#flash{
width:500px;
height:400px;
overflow:hidden;
display:none;
background-color:#FF0000
}
-->
</style>
</head>
<body>
<script type="text/javascript">
function over(){
var flash = document.getElementById("flash");
flash.style.display = "block"
}
function change(a){
var param = document.getElementById("param");
if (a == 1) {
param.movie = "http://www.flash8.net/UploadFla/7/flash8net_6669.swf";
}
if (a == 2) {
param.movie = "http://www.flash8.net/UploadFla/7/flash8net_6681.swf";
}
if (a == 3) {
param.movie = "http://www.flash8.net/UploadFla/7/flash8net_6662.swf";
}
}
</script>
<div id=flash>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="param" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="500" height="400">
<param name="movie" value="http://www.flash8.net/UploadFla/7/flash8net_6669.swf" />
<param name="quality" value="high" />
</object>
</div>
<img src="http://pic1.blueidea.com/logo/l/lcsta/cst01/cst0013.gif" alt="" onMouseOver="over()" onClick="change(1)">
<img src="http://pic1.blueidea.com/logo/l/lcsta/cst01/cst0016.gif" alt="" onMouseOver="over()" onClick="change(2)">
<img src="http://pic1.blueidea.com/logo/l/lcsta/cst01/cst0004.gif" alt="" onMouseOver="over()" onClick="change(3)">
</body>
</html>
文章来自:
收藏到网摘:
Tags:
