标签归档:ff

FF支持浮动层,Firefox-clientX

做网站的时候考虑过用浮动层,但在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();