存档
做网站的时候考虑过用浮动层,但在FF中一直不能显示,所以放弃了这个想法,今天该站的时候看见同类网站中都出现了产品介绍的浮动层,但无一列外在FF中全死,但用户基本上都用IE,我再不做就显的站落伍了。。。
上网查了下资料,FF也支持ClientX,汗,以前我以为它支持持PageX。。。
这下就好办了,用法差不多
IE event.clientX
FF e.clientX
用的时候,obj.onmouseover=function(e){e=e||window.event;alert(e.clientX);}
下面是我在网站中的代码,完美支持。。。
document.writeln("<style type=text/css>");
document.writeln("#oparent{position:absolute;z-index:200;width:200px;background:#FFF;border:#CCC solid 4px;padding:0px;}#oparent img{width:200px;margin:0px;}#oparent div div{text-align:left;margin:2px 4px 0px 4px;}")
document.writeln("</style>");
document.writeln(’<div id="oparent"></div>’);
var oparent=document.getElementById("oparent");
function ShiChangJs(){
var o=_Get("div","tagname",_Get("ShiChangAll"));
for(i=0;i<o .length;i++){
if(o[i].getAttribute("rel")){
o[i].onmouseover=function(ent){
ent=ent||window.event;
oparent.innerHTML=this.getAttribute("rel");
oparent.style.left=document.documentElement.scrollLeft+10+ent.clientX+"px";
oparent.style.top=document.documentElement.scrollTop+10+ent.clientY+"px";
oparent.style.display="block";
}
o[i].onmouseout=function(){
oparent.style.display="none";
}
}
}
}
ShiChangJs();
firefox与ie 的javascript 兼容问题
在网上抄的,每次阅读都收益非浅啊
现在发出来分享个大家