<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有其他的属性可以实现同样的效果吗吗?
<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有所不同