设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 图形图像 > 详细内容
可控制的用FLASH控件实现的图片渐显JS效果
发布时间:2010-3-15  阅读次数:8849  字体大小: 【】 【】【

需要下载一个 Flash文件     下载


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

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮