`
wenson
  • 浏览: 1051167 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Flash外框虛線解決方案

阅读更多

自從微軟某次針對瀏覽器的安全性更新過後,Flash網頁開始出現外框虛線,可見範例一即是以Object標記呼叫Flash的方式,以IE瀏覽器開啟時(Firefox並無此問題),Flash上會出現「點按以啟用並使用這個控制項」需先點一下該Flash才可正常啟用元件,之後在網路上找到了一個較佳的解決方案,是利用JavaScript加入呼叫Flash的HTML標記。

需先引入swfobject.js這個檔案

<script type="text/javascript" src="swfobject.js"></script>

在要放置Flash的地方加入

<div id="flashcontent">無法顯示Flash時的替代文字</div>
<script type="text/javascript">
  var fo = new FlashObject("so_tester.swf", "mymovie", "300", "300", "7", "#ff00ff");
  fo.write("flashcontent");
</script>

FlashObject的參數由左至右代表檔案名稱、ID、寬度、高度、Flash版本、背景色,fo.write是把呼叫Flash的標記內容寫到ID為flashcontent的DIV內,效果請見範例二

FlashObject也會自動偵測版本不符的用戶端並提示升級,效果請見範例三

另外有一些額外的設定可選擇性加入。

  • useExpressInstall:快速升級FlashPlayer,值為ture/false。
  • quality:預設為High(高品質)。
  • xiRedirectUrl:指定useExpressInstall升級完後的轉向網址。
  • redirectUrl:指定若FlashPlayer不正確時的轉向網址。
  • detectKey:變數名,預設為detectflash,若不想偵測flash版本,可在網址列加上detectflash=false。

用法示範:

<script type="text/javascript">
  var fo = new FlashObject("so_tester.swf", "mymovie", "300", "300", "7", "#ff00ff");
  fo.addParam("useExpressInstall", "ture");
  fo.addParam("quality", "high");
  fo.addParam("xiRedirectUrl", "http://blog.orz.tw");
  fo.write("flashcontent");
</script>

其他選擇性參數及設定值可參考Adobe網站上的說明:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_12701

若要將變數傳遞給Flash,可以下述方式達成:

<script type="text/javascript">
  var fo = new FlashObject("so_tester.swf", "mymovie", "300", "300", "7", "#ff00ff");
  fo.addVariable("variable1", "value1");
  fo.addVariable("variable2", "value2");
  fo.write("flashcontent");
</script>

若變數由網址列傳遞,如http://www.example.com/?variable1=value1&variable2=value2,也可用以下方式接收。

<script type="text/javascript">
  var fo = new FlashObject("so_tester.swf", "mymovie", "300", "300", "7", "#ff00ff");
  fo.addVariable("variable1", getQueryParamValue("variable1"));
  fo.addVariable("variable2", getQueryParamValue("variable2"));
  fo.write("flashcontent");
</script>
分享到:
评论

相关推荐

    彻底去除FLASH虚线边框插件 for Discuz!7.0.rar

    这个插件的目的是提供一个优化的解决方案,使得用户在浏览论坛中的Flash内容时,不会被不必要的边框干扰,从而提升用户体验。 【描述解析】 "【美化】 彻底去除FLASH虚线边框插件for Discuz!7.0" 描述了这个插件的...

    虚线边框去除

    在网页设计或者软件开发中,虚线边框的去除是一个常见的需求。虚线边框通常用于表示选中、可点击或者非主要元素的状态,但有时我们可能希望去掉这些边框以达到更简洁或统一的界面效果。本文将深入探讨如何在不同场景...

    IE浏览器去掉FLASH虚线框的两种方法

    标题 "IE浏览器去掉FLASH虚线框的两种方法" 涉及的是在使用Internet Explorer(IE)浏览含有Flash内容的网页时,如何消除Flash对象周围的虚线边框的问题。这通常是一个视觉上的优化,因为虚线边框可能会影响网页的...

    swfobject 2.2 去除网页Flash(SWF文件)的虚线框

    然而,有时在嵌入SWF文件(Flash对象)时,用户可能会发现Flash周围出现了一圈不悦目的虚线框,这通常被称为"边框"或"轮廓"。本文将深入探讨如何使用swfobject 2.2这个JavaScript库来解决这个问题,确保Flash内容在...

    IE浏览器去掉FLASH虚线框的两种方法.rar

    在上述代码中,`&lt;param name="wmode" value="opaque"&gt;`这行代码是关键,它设置了Flash的窗口模式为“不透明”,这有助于解决虚线边框问题。同时,`&lt;style&gt;`标签内的CSS代码`outline: none;`应用于`object`和`embed`...

    去掉超链接的虚线框

    对于IE浏览器,还可以创建一个HTC文件(如blur.htc),并在CSS中引用它,利用`behavior`属性实现去虚线框的效果。 ```html &lt;!-- blur.htc 文件 --&gt; ()"/&gt; function makeblur() { this.blur(); } ``` 然后在CSS...

    html 图像加虚线框的方法

    在上面的代码中,`2px`是边框的宽度,`dashed`是边框的样式,表示虚线,`#000`是边框的颜色,即黑色。你可以根据需要调整这些值以创建符合设计需求的虚线框。 此外,还可以进一步定制边框,例如增加圆角: ```css ...

    swfobject.js 去掉网页上Flash的虚线框.rar

    swfobject.Js 2.2 去除网页上Flash(SWF文件)的多余虚线框,细心的网友都会发现,以前在网页上显示Flash动画的地方,Flash的四周都会被一个虚线框包围着,当把鼠标放上的时候它就会出现,而且需要双击两次鼠标Flash...

    利用C#编写虚线算法

    最后,`虚线.sln`文件是一个Visual Studio解决方案文件,其中可能包含了实现以上代码的项目和源文件。`虚线`可能是项目的名称,也可能是包含具体实现的源代码文件。 总结起来,利用C#编写虚线算法主要涉及理解虚线...

    html设置分割线虚线,css border设置虚线样式

    在网页设计中,分割线和虚线样式是创建布局和区分内容的重要元素。HTML和CSS提供了多种方法来实现这些效果。下面将详细讲解如何利用HTML和CSS中的`border`属性来设置虚线样式,以及创建分割线的方法。 首先,HTML...

    在cad中怎么画虚线框的.doc

    除了绘制虚线外,我们还需要了解标准图框的绘制。标准图框是指在 CAD 中绘制的图框,它可以帮助我们更好地表达设计理念和结构。绘制标准图框需要注意图框的尺寸和比例因素。 在绘制标准图框时,我们可以使用 CAD 中...

    AC_RunActiveContent.js v1.7,Flash 检测及去虚线框插件.rar

    AC_RunActiveContent.js v1.7,Flash 检测及去虚线框插件,有一些站长来信咨询烈火这款JS脚本,所以发上来,为有需要的用户提供方便。AC_RunActiveContent.js插件主要用于去除Flash在IE中的虚线框,并能检测浏览器中...

    flex as3虚线

    在Flex AS3开发中,创建虚线效果是常见的需求,特别是在UI设计中,虚线常用于表示分隔、选中状态或非连续路径等。本文将深入探讨如何在Flex AS3环境中实现虚线效果。 首先,我们需要理解AS3(ActionScript 3)是...

    html 边框虚线.docx

    例如,设置`&lt;div&gt;`元素的左边框为虚线,宽度为2像素: ```css div { border-left: 2px dashed #000; } ``` 此外,`border-radius`属性可以用来设置边框的圆角,让虚线边框看起来更加柔和。`height`属性则用于设置...

    QML实现不同虚线效果Demo

    要实现虚线效果,我们需要创建一个自定义的QML组件,这个组件可以是一个Rectangle或其他图形元素,但具备虚线边框的功能。我们首先在C++中创建一个QQuickItem的子类,例如名为`DashedLine`,并重写`paint()`函数来...

    qml 虚线绘制 多种绘制方式

    如果你正在使用QtQuick.Controls,可以修改样式来创建虚线边框。例如,对于Button或Rectangle,你可以定义一个样式,使用`border`属性和`BorderImage`来模拟虚线效果。 ```qml Rectangle { width: 100; height:...

    【 border虚线】CSS border虚线边框属性教程

    学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。

    QPainter实现流光虚线

    在本教程中,我们将探讨如何利用`QPainter`来实现流光虚线的效果。首先,我们需要了解`QPainter`的基本用法,然后深入虚线的绘制,最后探索如何添加动态流光效果。 ### QPainter基础 `QPainter`是Qt中的核心绘图类...

    C# 绘制自定义虚线

    在C#编程中,绘制自定义虚线是图形用户界面(GUI)开发中常见的需求,尤其是在Windows Forms或WPF应用程序中。虚线可以用于表示分隔线、指示器或者为某些元素添加视觉效果。本文将深入探讨如何在C#中实现自定义虚线...

Global site tag (gtag.js) - Google Analytics