渐变,蒙上一层(特效)

<style>
a.aa:link
{text-decoration:none;color:red}
a.aa:hover
{text-decoration:none;color:red}
</style>
<body topmargin=0 leftmargin=0>
<div id="d" style="position:absolute;z-index:9999;filter:alpha(opacity=0);background-color:#000000;visibility:hidden"><span style="position:relative">
<center><br><br><br><br><br><br>
<table width=200 height=150 border=1 bordercolor="#000000" style="border-collapse:collapse;background-color:#FFFFFF">
<tr><td valign=middle align=center style="color:red" height=25>123131312</td></tr>
<tr><td valign=middle align=center><href="javascript:;" onClick="hide()" class="aa" style="color:#000000">关闭</a></td></tr>
</table>
</center></span>
</div>
&nbsp;&nbsp;&nbsp;&nbsp;<li><href="javascript:;" onClick="show()">查看</a>
<script>
var obj=document.getElementById("d")
var t=new Object();
function show(){
    obj.style.visibility
="visible";
    obj.style.width
=document.body.clientWidth;
    obj.style.height
=document.body.clientHeight;
    
if(obj.filters.alpha.opacity>25){
        obj.filters.alpha.opacity
=25;
        clearTimeout(t.timer1);
        
return;
    }
else{
        obj.filters.alpha.opacity
+=2;
        t.timer1
=setTimeout("show()",10)
    }
    
return;
}
function hide(){
    
if(obj.filters.alpha.opacity<=0){
        obj.filters.alpha.opacity
=0;
        obj.style.visibility
="hidden"
        clearTimeout(t.timer2)
        
return;
    }
else{
        obj.filters.alpha.opacity
-=2;
        t.timer2
=setTimeout("hide()",5);
    }
    
return;
}
</script>
</body>
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值