今天的课题是如何去掉手机页面中，点击图片后的那一瞬间的闪动。
呵呵~这个闪动查到现在为止只有iphone上有，安卓系统一点就是一个大框框，超难看的！！
希望我今天能研究出来！
 
------------------到现在为止没有做出来，准备放弃了-----------------
				
转载于:https://blog.51cto.com/bibile/1114439

 今天勾页面的时候有个图片超链接，但是效果却是图片边上有一圈蓝色的边框，郁闷了半天怎么去也去不掉，经高人指点 直接CSS搞定
<img src="" style="border=0">搞定
另外如果用Eclipse开发的话 在body属性里是没有onResize属性的 这个是用来监听浏览器尺寸大小改变的。万恶的IDE，找了半天才知道。

ps：哥的BS学生成绩信息管理兼考试系统终于搞定了，痛苦的勾页面中~

如果你是个细心的网民，如果你是一个仔细的网页设计者，那么你一定有发现这样一个现象：在浏览带有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 script
var 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 ObjectSwap
var versionindex=navigator.userAgent.indexOf("Opera")+6
if (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 twice
if (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 values
This bypasses the new IE ActiveX object activation issue*/
objectSwap = function(){
if (!document.getElementsByTagName){
   return;
}
//An array of ids for flash detection
var stripQueue = [];
//Get a list of all ActiveX objects
var 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 objects
if (stripQueue.length) {
   stripFlash(stripQueue)
}
//Make the objects visible again
if (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 detection
return 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 scripts
var 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;

       在编写页面的过程中，会碰到这样一个现象：

文字也图标没有居中对齐，同时，图标也会出现边框？对于这两个问题，我们先看
图标与文字的居中对齐问题，我们可以使用css中vertical-align属性，它的含义是设置元素的
垂直对齐方式。这里，我们使用居中垂直对齐:verical-align:middle;此实现方式符合w3c标准；
注意：align="absmiddle"也可以实现图片与文字的居中对齐，但是它不符合W3C标准，不建议使用。
我们来看另一个问题：图标有边框；其实设置图标的边框为0即可:border:0px;
代码改正后img的代码如下：
<img src="imgs/6.png"  style="border:0px;vertical-align:middle;"  />
效果如下图：