可控制的用FLASH控件实现的图片渐显JS效果
2006-04-28 15:06
856 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---可控制的用FLASH控件实现的图片渐显JS效果</title>
</head>
<body>
<SCRIPT type=text/javascript>
<!--
var focus_width=257
var focus_height=192
var text_height=20
var swf_height = focus_height+text_height
var pics='Images/test001.jpg|Images/test002.jpg|Images/test003.jpg|Images/test004.jpg|Images/test004.jpg'
var links='http://linkweb.cn/Js/Js.asp?ID=535|http://linkweb.cn/Js/Js.asp?ID=518|http://linkweb.cn/Js/Js.asp?ID=497|http://linkweb.cn/Js/Js.asp?ID=480|http://linkweb.cn/Js/Js.asp?ID=480'
var texts='FLASH图片渐显效果测试|这种效果到底是怎么实现的呢|现在估计是JS和FLASH共同作用|那个FLASH文件应该是控制文件|现在估计是JS和FLASH共同作用'
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="Images/flash01.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="Images/flash01.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
//-->
</SCRIPT>
</body>
</html>link
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|Linkweb.cn/Js|---可控制的用FLASH控件实现的图片渐显JS效果</title>
</head>
<body>
<SCRIPT type=text/javascript>
<!--
var focus_width=257
var focus_height=192
var text_height=20
var swf_height = focus_height+text_height
var pics='Images/test001.jpg|Images/test002.jpg|Images/test003.jpg|Images/test004.jpg|Images/test004.jpg'
var links='http://linkweb.cn/Js/Js.asp?ID=535|http://linkweb.cn/Js/Js.asp?ID=518|http://linkweb.cn/Js/Js.asp?ID=497|http://linkweb.cn/Js/Js.asp?ID=480|http://linkweb.cn/Js/Js.asp?ID=480'
var texts='FLASH图片渐显效果测试|这种效果到底是怎么实现的呢|现在估计是JS和FLASH共同作用|那个FLASH文件应该是控制文件|现在估计是JS和FLASH共同作用'
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="Images/flash01.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
document.write('<embed src="Images/flash01.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
//-->
</SCRIPT>
</body>
</html>link
相关文章推荐
- js实现鼠标滚轮控制图片缩放效果的方法
- JS实现鼠标移入移出控制图片的切换效果
- js实现按钮控制带有停顿效果的图片滚动
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- JS特效:用鼠标事件实现图片的渐显效果
- jquery.lazyload.js实现图片延迟加载——wordpress图片随滚动条渐显效果
- 使用js实现带有停顿效果的图片滚动(按钮控制)
- js实现鼠标滚轮控制图片缩放效果的方法(转)
- js实现鼠标滚轮控制图片缩放效果的方法
- js实现图片渐隐渐显的切换效果
- JS+Flash实现图片切换幻灯片效果
- js实现3D图片环展示效果
- JS实现图片动态轮播效果
- js实现图片懒加载效果
- JS小功能(offsetLeft实现图片滚动效果)实例代码
- JS小功能(setInterval实现图片效果显示时间)实例代码