在Uu论坛上放置 flash 已不是什么新鲜事了,很多站长都放置了 flash LOGO 或者加了 flash 特效,但是在使用微软的IE浏览器浏览的 时候都存在一个问题,那就是当你将鼠标移动到FALSH等类型的控件上之后,会出现个“单击以激活并使用此控件”的提示和虚线框,也就是说页面刚打开的时候,页面上的Flash是没有被激活的,需要用户点击确认,这时Flash可以正常播放,但如果页面含有交互性内容(如:按钮、链接等...)则不能直接点击,需点击激活后交互性内容才可以正常使用,而且每次刷新都需要先点击进行激活。感觉非常讨厌。原因是windows系统在升级更新过程中,被安装了微软系统编号为:KB912945的更新补丁。
这个虚线框是有办法去掉它的,曾经有不少朋友就问到
Uu后援站的那蝴蝶是怎么做上去的?版块里什么青蛙、梅花鹿还有漂亮娃娃等等又是怎么做的。这些都是使用下面的代码来实现的无激活虚线flash效果,由于flash比较拖速度,所以一般不要放太多特效。尽量选文件小的放,单个页面上有1~2个能起到画龙点睛的效果就足够了。
第一步: 加载专用的flash控件脚本 先在空间上建好flash js脚本,我已上传好了,地址是:
http://tfcnc.151.tofor.com/flash.js ,然后
将下面的代码放在css最后面加载这个专用的flash控件脚本
(注意flash控件脚本代码要加在你所使用了的风格css中,有多个风格的则每个风格都得加此代码)
</style>
<script language="javascript" type="text/javascript" src="http://tfcnc.151.tofor.com/flash.js"></script>
这样就使得你论坛在任何页面上都加载有这个专用的flash控件脚本了,当有相应的FLASH代码文件出现时,此控件即对其起作用
这个js控件脚本也可以做在你自己空间上使用,自己没空间的就用我的好了
第二步:放置FLASH 我们最终目的是放FLASH,根据flash放置的位置不同,代码也不尽相同
1)FLASH在每个页面都显示的使用方法: (如:顶部 flash LOGO、flash banner 或 flash 特效,UU后援站里的flash LOGO 就是用这个方法放的,
flash代码放在 css 里)
<script language="javascript" type="text/javascript">
writeflashhtml("_swf=你的FLASH文件地址", "_width=你的FLASH文件宽度", "_height=你的FLASH文件高度" ,"_wmode=transparent");
</script>
2)FLASH在单个版块上有显示的使用方法: (一般是 flash 特效,
Uu后援站版块里的青蛙、梅花鹿还有漂亮娃娃等等就是用这个方法放的,
flash代码放在 版块公告 里)
<script language="javascript" type="text/javascript">
writeflashhtml("_swf=你的FLASH文件地址", "_width=你的FLASH文件宽度", "_height=你的FLASH文件高度" ,"_wmode=transparent");
</script>
3)FLASH只在首页上有显示的使用方法: (
Uu后援站首页上的蝴蝶就是用这个方法放的,
flash代码放在任一开放的 版块简介 里)
制作js脚本文件,如:flash.js
先按自己要求完成下面的代码内容(就是填写自己的FLASH文件地址、宽、高)
<div style="position:absolute;top:0;LEFT:0"><script language="javascript" type="text/javascript">writeflashhtml("_swf=你的FLASH文件地址","_width=你的FLASH文件宽度","_height=你的FLASH文件高度","_wmode=transparent");</script></div>
然后将上面的代码用HTML→JS 转换程式转换为js脚本,HTML→JS 转换程式地址:
http://xyz.huaxia800.cn/Files/HTML-JS.htm 将转换后的代码保存为flash.js并上传空间
最后用下面的
代码放在 版块简介 里调用flash.js
<script src=http://空间地址/flash.js></script>
附录1: 应用实例 这里给几个应用实际例子,供大家制作时参考吧。先按上面说的第一步:
在css上加载好专用的flash控件脚本,然后用下面的实例放flash
1)首页加透明 flash 特效实例 将下面的代码放在你所使用了的风格 css 最后面 1)顶部 flash logo <div style="position:absolute;top:10px;LEFT:1%"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://xyz.huaxia800.cn/swf/LOGO.swf","_width=90","_height=90","_wmode=transparent");</script></div>
2)顶部 flash 特效 <div style="position:absolute;top:0px;right:5%"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://xyz.huaxia800.cn/swf/banner.swf","_width=800","_height=90","_wmode=transparent");</script></div> 3)新年灯笼 <div style="position:absolute;top:-20px;left:6%"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://xyz.huaxia800.cn/swf/dl.swf","_width=120","_height=120","_wmode=transparent");</script></div>
<div style="position:absolute;top:-20px;right:3%"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://xyz.huaxia800.cn/swf/dl.swf","_width=120","_height=120","_wmode=transparent");</script></div>
效果演示: http://uutoot.uu1001.com 2)版块中的flash特效效果实例 发布
版块公告,将下面的
代码放到相应的 版块公告内容 里 1)宠物猪 <div style="position:absolute;top:-250px;LEFT:0px"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://file.etp21.com/plus/ePet/e1.swf","_width=100%","_height=1000","_wmode=transparent");</script></div>
效果演示: http://uutoot.uu1001.com/thread.php?fid=11 2) 新年礼炮 <div style="position:absolute;top:200px;LEFT:0px"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://www.b588.cn/xinniantupian/fu.swf","_width=10%","_height=300","_wmode=transparent");</script></div>
<div style="position:absolute;top:200px;right:0px"><script language="javascript" type="text/javascript">writeflashhtml("_swf=http://www.b588.cn/xinniantupian/fu.swf","_width=10%","_height=300","_wmode=transparent");</script></div>
效果演示: http://uutoot.uu1001.com/thread.php?fid=2 3)新年游戏 <script language="javascript" type="text/javascript">writeflashhtml("_swf=http://xyz.huaxia800.cn/swf/xnyx.swf", "_width=100%","_height=550","_wmode=transparent");</script>
效果演示: http://uutoot.uu1001.com/thread.php?fid=13 3)首页flash效果实例 1)首页加QQ空间FLASH过度效果 document.writeln("<div style=\"position:absolute;top:0;LEFT:0\"><script language=\"javascript\" type=\"text\/javascript\">writeflashhtml(\"_swf=http:\/\/xyz.huaxia800.cn\/swf\/
XX.swf\",\"_width=200%\",\"_height=650\",\"_wmode=transparent\");<\/script><\/div> ")
代码中:
XX为1~40之间任意数字,这里一共提供了40个QQ空间上用的FLASH过度效果文件地址供大家选用
http://cncn.131.8u.cn/Files/swf/1.swf http://cncn.131.8u.cn/Files/swf/2.swf http://cncn.131.8u.cn/Files/swf/3.swf .
.
.
http://cncn.131.8u.cn/Files/swf/40.swf 将选定好后的代码保存为flash.js并上传空间
最后用下面的
代码放在 版块简介 里调用flash.js
<script src=http://空间地址/flash.js></script>
2) 首页右上角挂脚新年贺岁礼花代码 document.writeln("<div style=\"position:absolute;top:0;RIGHT:0\"><script language=\"javascript\"
type=\"text\/javascript\">writeflashhtml(\"_swf=http:\/\/xyz.huaxia800.cn\/swf\/new.swf\",\"_width=350\",\"_height=350
\",\"_wmode=transparent\");<\/script><\/div> ")
将上面的代码保存为 new.js并上传空间
最后用下面的
代码放在 版块简介 里调用 new.js
<script src=http://空间地址/new.js></script> 效果演示: http://uutoot.uu1001.com 3) Uu后援站 首页上的蝴蝶代码 document.writeln("<div style=\"position:absolute;top:0;LEFT:0\"><script language=\"javascript\" type=\"text\/javascript\">writeflashhtml(\"_swf=http:\/\/xyz.huaxia800.cn\/swf\/
butterfly.swf\",\"_width=200%\",\"_height=650\",\"_wmode=transparent\");<\/script><\/div> ")
将上面的代码保存为 butterfly.js并上传空间
最后用下面的
代码放在 版块简介 里调用 butterfly.js
<script src=http://空间地址/butterfly.js></script> 效果演示: http://uutest.uu1001.com
注意事项:
1:上面第二步及附录的代码必须在满足第一步的前提下才能有效显示!
2:所有代码中的 TOP:YYpx 、LEFT:XXpx 、RIGHT:XX% 为flash在页面上的位置,width=XXX 、height=YYY 为flash的尺寸大小,这些值请根据自己实际要求来调整 3:由于flash对速度影响较大,请尽量避免在一个页面上加过多效果
用上面的方法放置顶部 flash LOGO、flash banner 或 flash 特效后,你会发现那个“单击以激活并使用此控件”的提示和虚线框再也没有了。这就是为什么UU后援站处处都有flash的身影,但没一个“单击以激活并使用此控件”的提示和虚线框的原因所在,否则还不如不用他们。呵呵~
最终效果演示地址: Uu后援站 http://uutest.uu1001.com 本文由Uu后援站友情提供 [ 此贴被光子在2008-02-28 20:34重新编辑 ]