firefox下JS不好使,在IE上好用.关于缩略图的问题.大侠帮帮忙啊

莳心 2008-11-10 01:40:10

在FIREFOX下这个属性好像得不到值,是不是FIREFOX下不能这样用啊..怎么改啊.先谢谢大家了.
layer.style.left =l + 35 -90;
layer.style.top = t+35-90;
下面的代码在IE中没有问题,在FIERFOX下显示就跑到了边上.位置和IE中的不一样.



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head>

<body>

<script language="JavaScript" type="text/JavaScript" >

function hideLayer()

{ 

var layer = document.getElementById("popImageLayer");

layer.style.visibility='hidden';

}

function dispear(){

var layer = document.getElementById("popImageLayer");

if ((layer.style.width>0)&& (layer.style.height>0)){

     layer.style.width-=1;

     layer.style.height-=1;

}

else {

     layer.style.visibility='hidden';

     if (window.interval)

     clearInterval(interval);

}

}

function popImage(obj,img,href) 

{ 

var layer = document.getElementById("popImageLayer");

var t=obj.offsetTop;

var l=obj.offsetLeft;

while(obj=obj.offsetParent){

     t+=obj.offsetTop;

     l+=obj.offsetLeft;

}

var content = "<table border=0 width=180 height=180><tr><td align='center' valign='middle'>\n"+

"<A href="+href+" target=_blank><IMG src='"+img+"' onload='DrawImage(this,180,180);'     onMouseOut='low(this);hideLayer();' onMouseOver=high(this) style='FILTER: alpha(opacity=10)'></A></td></tr></table>"; // onClick='hideLayer();'

      layer.innerHTML=content;

      layer.style.left =l + 35 -90;

      layer.style.top = t+35-90;

      layer.style.visibility='visible';

} 

function moveToMouseLoc(e) 

{ 

var layer = document.getElementById("popImageLayer");

var offsetX = -5; 

var offsetY = -5;

var     x = event.x + document.body.scrollLeft;

var     y = event.y + document.body.scrollTop; 

layer.style.left = x + offsetX;

layer.style.top = y + offsetY;

return true; 

} 

function DrawImage(img,width,height){ 

if(DrawImage.arguments.length <= 1) 

     width=height=70;

var image=new Image(); 

image.src=img.src; 

if(image.width>0 && image.height>0)

{

      if(image.width>width)

      {

       rate=image.height/image.width;

       newHeight=rate*width;

       img.width=width;

       img.height=newHeight;

      } 

}

if(img.height>height)

{

     rate=image.width/image.height;

     newWidth=rate*height;

     img.height=height;

     img.width=newWidth;

}

}

function DrawImage50(img){ 

DrawImage(img,50,50);

}

function resetForm(){

var f=document.frmsearch;

      f.Page.value = 1;

      f.ClassCode.value ='' ;

      f.SortType.value ='' ;  

      f.KeyWord.value='';

      f.Area.value='';

      f.MinPrice.value=f.MaxPrice.value='';

return false;  

}  

function manualSearch(){

var f=document.frmsearch;

      f.Page.value = 1;

     // f.ClassCode.value ='' ;

      f.SortType.value ='' ;  

      f.submit();

return false;  

}

function checkCondition(obj) {

return true;

}

function selectview(obj)

{

      var f=document.frmsearch;

      if ((obj.selectedIndex>0) && (obj.selectedIndex <7))

        f.SortType.value = obj.options[obj.selectedIndex].value;

else if ((obj.selectedIndex>6) && (obj.selectedIndex <10))

        f.View.value = obj.options[obj.selectedIndex].value;

else if ((obj.selectedIndex>9) && (obj.selectedIndex <13))

        f.PageSize.value = obj.options[obj.selectedIndex].value;

      f.submit();

return false;  

}

function changeLocation(obj){

var f=document.frmsearch;

      f.Area.value = obj.options[obj.selectedIndex].value;

      f.submit();

return false;  

}

function changeViewMode(mode){

var f=document.frmsearch;

      f.View.value = mode;

      f.submit();

return false;

}

function changePage(page){

var f=document.frmsearch;

      f.Page.value = page;

      f.submit();

return false;

}

function changePageSize(pagesize){

var f=document.frmsearch;

      f.Page.value = 1;

      f.PageSize.value = pagesize;  

      f.submit();

return false;

}

function changeSortType(type){

var f=document.frmsearch;

      f.Page.value = 1;  

      f.SortType.value = type;

      f.submit();

return false;

}

function changeClassCode(code){

var f=document.frmsearch;

      f.ClassCode.value = code;

      f.Page.value=1;

      f.submit();

return false;

}

function high(which2){

theobject=which2;

highlighting=setInterval("highlightit(theobject)",40);

}

function low(which2){

clearInterval(highlighting);

which2.filters.alpha.opacity=40;

}

function highlightit(cur2){

if (cur2.filters.alpha.opacity<100)

     cur2.filters.alpha.opacity+=5

else if (window.highlighting)

     clearInterval(highlighting)

}

function delightit(cur2){

if (cur2.filters.alpha.opacity>5)

     cur2.filters.alpha.opacity-=5;

else if (window.highlighting)

      clearInterval(highlighting);

}

</script>

<div id="popImageLayer" align="center"     name="popImageLayer"     style="position:absolute; visibility: hidden; width: 180; height: 180;cursor: hand;border-style:solid;border-width:1pt; border-color:orange" calss=""></div>

<center>

<br /><br /><br />

<div id="090" ><img src="http://admin.mall.dangdang.com/GoodsImage/S000000460/Small/200608090909231.png" onMouseOver="popImage(this,'http://admin.mall.dangdang.com/GoodsImage/S000000460/Middle/200608090909231.png','http://wangfenglitai.mall.dangdang.com/products/G00000072867.html');" border=0>hkjhgkhk</div></a>

</center>

</body>

</html>