<script>
//滑动层
function shoppingcat()
{
if(content.style.pixelHeight<500)
{
//content.style.pixelLeft-=5
content.style.pixelHeight+=5
setTimeout('shoppingcat()',1)
}
}
</script>
<div id=content style="position:absolute; width:200; height:50;background:#eee; left:300; top:50;padding:10;border:4px #ccc 
double;font:13px/25px;overflow:hidden"> 
孤雁儿
<span onclick=shoppingcat();this.style.display='none' style="font:12;color:red;float:right;margin-top:-20">展开
</span><br><br>
世人作梅词,下笔便俗。予试作一篇,乃知前言不妄耳。<br><br>
藤床纸帐朝眠起,<br> 
说不尽、无佳思。<br>
沈香烟断玉炉寒,<br>
伴我情怀如水。<br>
笛声三弄,<br>
梅心惊破,<br>
多少春情意。<br><br>
小风疏雨萧萧地,<br>
又催下、千行泪。<br>
吹箫人去玉楼空,<br> 
肠断与谁同倚?
一枝折得,<br>
人间天上,<br>
没个人堪寄。
</div>这么一段代码在ie上正常的,但是在ff下是不行的?
就是content.style.pixelHeight+=5  语句有问题,ff有其他的属性可以实现同样的效果吗吗?

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD> <BODY>
      
    <script>
    //滑动层
    function shoppingcat()
    {
    if(document.all)
    {
    if(content.style.pixelHeight<500)
    {
    //content.style.pixelLeft-=5
    content.style.pixelHeight+=5
    setTimeout('shoppingcat()',1)
    }
    }else
    {
    var fheight=parseInt(document.getElementById("content").style.height.replace('px',''),10);
    if(fheight<500)
    {
    //content.style.pixelLeft-=5
    fheight+=5;
    document.getElementById("content").style.height =fheight+'px';
    setTimeout('shoppingcat()',1)
    }
    }
    }
    </script>
    <div id=content style="position:absolute; width:200; height:50;background:#eee; left:300; top:50;padding:10;border:4px #ccc 
    double;font:13px/25px;overflow:hidden"> 
    孤雁儿
    <span onclick=shoppingcat();this.style.display='none' style="font:12;color:red;float:right;margin-top:-20">展开
    </span><br><br>
    世人作梅词,下笔便俗。予试作一篇,乃知前言不妄耳。<br><br>
    藤床纸帐朝眠起,<br> 
    说不尽、无佳思。<br>
    沈香烟断玉炉寒,<br>
    伴我情怀如水。<br>
    笛声三弄,<br>
    梅心惊破,<br>
    多少春情意。<br><br>
    小风疏雨萧萧地,<br>
    又催下、千行泪。<br>
    吹箫人去玉楼空,<br> 
    肠断与谁同倚?
    一枝折得,<br>
    人间天上,<br>
    没个人堪寄。
    </div> </BODY>
    </HTML>
    字体大小要设置一下,FF跟IE有所不同