我想在Dreamweaver制作一个可以播放多个Flash的多框架网页放到自己的个人网站上,具体如 www.10qq.com 里的这种网页类型。我现在就是不明白如何实现通过点击左侧框架内链接,然后在右侧的框架内播放FLASH,最好能用javascript语言实现。 希望各位网页制作高手能够指点指点,能够具体点就更好了,非常感谢!!!
------解决方案--------------------
先给你说用div的做法把:
左面,右面分别是一个div,
左面div里面是一个链接列表, 每个链接都有一个onclick事件,,在这个onclick事件里面触发js代码; sample如下:
左边div:
<div id="left">
<a href="#" onclick="play('src1')">动画1</a>
<a href="#" onclick="play('src2')">动画2</a>
<a href="#" onclick="play('src3')">动画3</a>
<a href="#" onclick="play('src4')">动画4</a>
</div>
右边div:
<div id="right">
</div>
然后写play这个函数, 他有一个参数src,表示 这个链接对应的动画的地址,比如http://www.10qq.com/flash1.swf,或者一个本地swf文件也可以. 把上面的src1, src2 ... 换成你的swf的地址就是了.
<script language="javascript">
function play(src){
document.getElementById("right").innerHTML = "<object ......>" + ...... + "<embed src='" + src + "' width='120' height='120'></embed>" + "</object>";
//注意上面的"<object>" + src + "</object>";这段代码有待你自己改正, 因为我对页面怎么嵌入swf不熟悉, 所以在这个里面你要自己拼写嵌入object的代码, 注意里面的单引号和双引号.
}
</script>
document.getElementById("right").innerHTML 这句话的意思就是把你嵌入swf对象的html代码动态嵌入到右边的div.
不知这样说你明白否?
------解决方案--------------------
parent.右框架name.document.getElementById("right").innerHTML
------解决方案--------------------
name.document.getElementById("right").innerHTML
------解决方案--------------------
给你代码, 完全可用, 你自己再调整一下style就可以了, 要用frame也是一个道理.
- HTML code
<script language="javascript"> function play(filesrc){ document.getElementById("right").innerHTML="<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='432' height='432'>" + "<param name='movie' value='" + filesrc + "'/>" + "<embed src='" + filesrc + "' quality='high' type='application/x-shockwave-flash'></embed></object>"; } </script> <body> <div> <div id="left" style="float:left; border:solid black 1px;"> <p> <a href="#" onclick="play('http://flash.jninfo.net/swf/y2043.swf')">动 画 1 </a> </p> <p> <a href="#" onclick="play('http://flash.jninfo.net/swf/x7067.swf')">动 画 2 </a> </p> <p> <a href="#" onclick="play('http://flash.jninfo.net/swf/x7066.swf')">动 画 3 </a> </p> <p> <a href="#" onclick="play('http://flash.jninfo.net/swf/x7057.swf')">动 画 4 </a> </p> </div> <div id="right" align="left" stype="vertical-align:top;"> </div> </div> </body>