如何去掉网页上flash虚线边框

如果你是个细心的网民，如果你是一个仔细的网页设计者，那么你一定有发现这样一个现象：在浏览带有Flash动画的页面，当你把鼠标移动到Flash动画上时，Flash动画四周就会出现虚线框，点击一下方才可以激活。虽然这并不影响Flash动画的播放，但对于具有交互功能的Flash来说，就会给访问者多加了一个操作步骤，效果无疑会大大折扣。

为什么会出现虚线框？
　　我们知道在以前Flash动画虚线框是不存在的，那么为什么最近会出现这个现象呢？原来微软考虑到IE浏览器的安全性问题，针对IE发布了一项更新补丁，禁止了IE浏览器的ActiveX控件自动激活功能。这样就造成了本来可以直接点的Flash，现在要先多点一下这个虚线框来激活了。
　　去掉虚线框

方法一：（适用于多个FLASH在同一页）

　　既然能加的上去[最好加在页面底部]，就一定能去的掉。首先在网页代码之间插入如下代码：
　　 <SCRIPT src="objectSwap.js" type=text/javascript> </SCRIPT>
　　这样网页在加载的时候会自动对页面中的 object 标签进行重写，实现自动激活。
objectSwap.js的代码如下:

 

var ie = (document.defaultCharset && document.getElementById && !window.home);var opera9 = false;if (ie){//Check for ie 5.5 and exclude it from the scriptvar ver=navigator.appVersion.split("MSIE")ver=parseFloat(ver[1])ie = (ver >=6)}else if (navigator.userAgent.indexOf("Opera")!=-1) {//Check for Opera9 and include it in the ObjectSwapvar versionindex=navigator.userAgent.indexOf("Opera")+6if (parseInt(navigator.userAgent.charAt(versionindex))>=9)opera9 = true;}//Perform ObjectSwap if the browser is IE or Opera (if not just check flashVersion)var oswap = (ie || opera9)//Hide the object to prevent it from loading twiceif (oswap){document.write ("<mce:style id='hideObject'><!-- object{display:none;} --></mce:style><style id='hideObject' mce_bogus="1"> object{display:none;} </style>");}/*Replace all flash objects on the page with the same flash object,by rewriting the outerHTML valuesThis bypasses the new IE ActiveX object activation issue*/objectSwap = function(){if (!document.getElementsByTagName){ return;}//An array of ids for flash detectionvar stripQueue = [];//Get a list of all ActiveX objectsvar objects = document.getElementsByTagName('object');for (var i=0; i<objects.length; i++){ var o = objects[i]; var h = o.outerHTML; //The outer html omits the param tags, so we must retrieve and insert these separately var params = ""; var hasFlash = true; for (var j = 0; j<o.childNodes.length; j++) { var p = o.childNodes[j]; if (p.tagName == "PARAM"){ //Check for version first - applies to all browsers //For this to work, a new param needs to be included in the object with the name "flashVersion" eg: //<param name="flashVersion" value="7" /> if (p.name == "flashVersion"){ hasFlash = detectFlash(p.value); if (!hasFlash){ //Add the objects id to the list (create a new id if there's isn't one already) o.id = (o.id == "") ? ("stripFlash"+i) : o.id; stripQueue.push(o.id); break; } } params += p.outerHTML; } } if (!hasFlash){ continue; } //Only target internet explorer if (!oswap){ continue; } //Avoid specified objects, marked with a "noswap" classname if (o.className.toLowerCase().indexOf ("noswap") != -1){ continue; } //Get the tag and attributes part of the outer html of the object var tag = h.split(">")[0] + ">"; //Add up the various bits that comprise the object: //The tag with the attributes, the params and it's inner html var newObject = tag + params + o.innerHTML + " </OBJECT>"; //And rewrite the outer html of the tag o.outerHTML = newObject;}//Strip flash objectsif (stripQueue.length) { stripFlash(stripQueue)}//Make the objects visible againif (oswap){ document.getElementById("hideObject").disabled = true;}}detectFlash = function(version){if(navigator.plugins && navigator.plugins.length){ //Non-IE flash detection. var plugin = navigator.plugins["Shockwave Flash"]; if (plugin == undefined){ return false; } var ver = navigator.plugins["Shockwave Flash"].description.split(" ")[2]; return (Number(ver) >= Number(version))} else if (ie && typeof (ActiveXObject) == "function"){//IE flash detection. try{ var flash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash." + version); return true; } catch(e){ return false; }}//Catchall - skip detectionreturn true;}//Loop through an array of ids to strip//Replace the object by a div tag containing the same innerHTML.//To display an alternative image, message for the user or a link to the flash installation page, place it inside the object tag.//For the usual object/embed pairs it needs to be enclosed in comments to hide from gecko based browsers.stripFlash = function (stripQueue){if (!document.createElement){ return;}for (var i=0; i<stripQueue.length; i++){ var o = document.getElementById(stripQueue[i]); var newHTML = o.innerHTML; //Strip the comments newHTML = newHTML.replace(/<!--/s/g, ""); newHTML = newHTML.replace(//s-->/g, ""); //Neutralise the embed tag newHTML = newHTML.replace(/<embed/gi, "<span"); //Create a new div element with properties from the object var d = document.createElement("div"); d.innerHTML = newHTML; d.className = o.className; d.id = o.id; //And swap the object with the new div o.parentNode.replaceChild(d, o);}}//Initiate the function without conflicting with the window.onload event of any preceding scriptsvar tempFunc = window.onload;window.onload = function(){if (typeof (tempFunc) == "function"){ try{ tempFunc(); } catch(e){}}objectSwap();}

 

方法二：用js加载FLASH方法

 

<div id="FlashNavi"><!--div不可省哦!~-->
                <script type="text/javascript">
                    insertFlash('FlashNavi', 'Flash/Navigation_Index.swf', 1002, 252); //调用FLASH
                </script>
</div>下面是JS代码中被调用的方法,具体的FLASH参数
function insertFlash(elm, url, w, h) {
if (!document.getElementById(elm)) return;
var str = '';
str += '<object width="'+ w +'" height="'+ h +'" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0">';
str += '<param name="movie" value="'+ url +'">';
str += '<param name="wmode" value="opaque">';
str += '<param name="quality" value="autohigh">';
str += '<embed width="'+ w +'" height="'+ h +'" src="'+ url +'" quality="autohigh" wmode="opaque" type="application/x-shockwave-flash" plugspace="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>';
str += '</object>';
document.getElementById(elm).innerHTML = str;