標簽歸檔:IE

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