« 1 234» Pages: ( 1/4 total )
本页主题: 解决FLASH特效中出现单击激活控件虚线框的方法 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

光子
我素我行
优秀版主奖 终身成就奖
级别: 荣誉会员

 解决FLASH特效中出现单击激活控件虚线框的方法

10
管理提醒:
本帖被 吗啡 执行加亮操作(2008-01-14)
在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新年快乐~
[ 此贴被光子在2008-02-28 20:34重新编辑 ]
本帖最近评分记录:
  • 威望:+4(求阕楼主) 记得回答帖子;里所提及的 ..
  • 威望:+30(风油精) 优秀文章
  • 威望:+1(mnfac) 解决FALSH特效中出现单 ..
  • 威望:+4(sjh) 优秀文章
  • 威望:+20(99839)
  • 威望:+4(沁园春1017)
  • 威望:+4(沁园春1017)
  • 威望:+5(maplelee) 这么快就出来了!不错不 ..
  • 搜索更多相关文章:代码 flash


    友情提示:由于事务繁忙,本人不接承论坛各类制作

    PHPWind for Uu1001制作点滴
    PHPWind for Uu1001新手教程
    顶端 Posted: 2008-01-14 18:37 | [楼 主]
    水中月
    承诺常常很像蝴蝶,美丽的飞 盘旋然后不见~~
    懒虫勋章 处女座
    级别: 荣誉会员

     

    先抢沙发再看帖
    [ 此贴被水中月在2008-01-14 18:49重新编辑 ]


    http://www.szyddm.net.ru

    建站素材,新手答疑,制作申请(垮台、点歌台、播放器、许愿树、4格广告栏等论坛各类制作)
    顶端 Posted: 2008-01-14 18:38 | 1 楼
    我思故我在
    级别: 圣骑士

     

    板凳 
    顶端 Posted: 2008-01-14 18:51 | 2 楼
    吗啡
    变态了都.....&
    十佳会员
    级别: 风云使者

     

    实在太厉害了,我先把搞成精华之后慢慢看
    顶端 Posted: 2008-01-14 18:53 | 3 楼
    mnfac
    繁忙,请假状态
    十佳会员
    级别: 荣誉会员

     

    光子的光芒不是一般的强
    繁忙,请假状态
    友情广告位:
    1.免费500Mphp空间
    2.打工赚U豆,1天10U豆
    3.30粒U豆卖10元,买越多折扣越多。。。
    有兴趣者短消息我http://bbs.uu1001.com/message.php?action-write-touid-27810.html
    顶端 Posted: 2008-01-14 18:53 | 4 楼
    水易
    相逢何必曾相识●缘聚缘散皆是缘
    级别: 论坛版主

     

    有这个就够朋友们消化一段时间了  
    顶端 Posted: 2008-01-14 19:36 | 5 楼
    #conquer
    靠在墙头等红杏
    级别: 精灵王

     

    先坐下来看看.

    提供UU--PHPWIND独立论坛空间!免费帮导入数据,帮建设论坛。买空间送U豆,送数据库,送域名。咨询购买联系QQ530618106
    顶端 Posted: 2008-01-14 19:51 | 6 楼
    若子
    ★不会夸台,只搞uu自带★
    月度最佳版主
    级别: 总版主

     

    还在首页~~呵呵~~

    我可是第一个知道的哦~~

    一站式新手教程导航  菜鸟建论坛
    Uu插件大全  垮台教程大综合  UU备案绑定大全  手机上UU  如何得U豆
    注明:请大家不要发短消息,通知我事.我几天才查一次的。
    顶端 Posted: 2008-01-14 20:08 | 7 楼
    水中月
    承诺常常很像蝴蝶,美丽的飞 盘旋然后不见~~
    懒虫勋章 处女座
    级别: 荣誉会员

     

    第一个知道的也没用,沙发是我的


    http://www.szyddm.net.ru

    建站素材,新手答疑,制作申请(垮台、点歌台、播放器、许愿树、4格广告栏等论坛各类制作)
    顶端 Posted: 2008-01-14 20:09 | 8 楼
    #conquer
    靠在墙头等红杏
    级别: 精灵王

     

    看了问题就来了.要是按你说的,那直接放代码在风格CCS里就可以了,有的为什么还要去调用呢.调用跟直接放有什么区别.我想很多人都有这个问号的/

    提供UU--PHPWIND独立论坛空间!免费帮导入数据,帮建设论坛。买空间送U豆,送数据库,送域名。咨询购买联系QQ530618106
    顶端 Posted: 2008-01-14 20:47 | 9 楼
    « 1 234» Pages: ( 1/4 total )
    帖子浏览记录 版块浏览记录
    Uu1001免费论坛官方站 » 站长交流

    武林三国
    Time now is:11-24 00:39, Gzip enabled 浙ICP备06052510号
    Powered by PHPWind & Uu1001 v2.0 Certificate Code © 2003-08 PHPWind.com Corporation