当点击按钮时弹出一个层,这个层是渐渐显示出来然后渐渐消失.而且在屏幕在中间位置拖动滚动条时也不动.下面这个代码只能在IE中显示,而且在IE6中会随滚动打而滚动.那位能改改,让他兼容IE6/7和FF
<script language="javascript">
var intDelay=10;
var intInterval=10;
function messageshow(){
messagebox.filters.alpha.opacity=0;
messagebox.style.display="block";
GradientShow();
}
function GradientShow()
{
messagebox.filters.alpha.opacity+=intInterval;
if (messagebox.filters.alpha.opacity<100)
setTimeout("GradientShow()",intDelay);
else setTimeout("GradientClose()",1500)
}
function GradientClose() {
messagebox.filters.alpha.opacity-=intInterval;
if (messagebox.filters.alpha.opacity>0){
setTimeout("GradientClose()",intDelay);
}
else {
messagebox.style.display="none";
}
}
GradientClose();
</script><div id="messagebox" style="display: none; z-index: 1000; filter: alpha(opacity=0); -moz-opacity: 0; position: fixed; left: 384px; top: 220px; width: 240px; height: 150px; border: 1px solid red; background: #fff; padding: 15px;">
</div>
<script language="javascript">
var intDelay=10;
var intInterval=10;
function messageshow(){
messagebox.filters.alpha.opacity=0;
messagebox.style.display="block";
GradientShow();
}
function GradientShow()
{
messagebox.filters.alpha.opacity+=intInterval;
if (messagebox.filters.alpha.opacity<100)
setTimeout("GradientShow()",intDelay);
else setTimeout("GradientClose()",1500)
}
function GradientClose() {
messagebox.filters.alpha.opacity-=intInterval;
if (messagebox.filters.alpha.opacity>0){
setTimeout("GradientClose()",intDelay);
}
else {
messagebox.style.display="none";
}
}
GradientClose();
</script><div id="messagebox" style="display: none; z-index: 1000; filter: alpha(opacity=0); -moz-opacity: 0; position: fixed; left: 384px; top: 220px; width: 240px; height: 150px; border: 1px solid red; background: #fff; padding: 15px;">
</div>
IE6能识别*,但不能识别 !important;
IE7能识别*,也能识别 !important;
FF不能识别*,但能识别 !important;
例如style="*width:10px;!important width:20px;"
这样在IE6下宽度为10px,在IE7下宽度时20px