歌特中国

给窦窦同志弄个了鼠标经过图片渐显效果。让窦窦同志感激我吧。^-^

代码示例：

<SCRIPT language=JavaScript1.2>
<!–
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)
}
//–>

</SCRIPT>

<STYLE type=text/css>
<!– 
h1 {text-align:center;margin-top:50px;}
p#outer {
     margin:0 auto;
     width:202px;
 }
#outer a {
    margin:0px; 
    display:block;
    position: relative;
     border:1px solid #ccc;
}
#outer a:hover {border:1px dashed #c00;}
#outer img {display:block;border:none;background:#069;}
–>
</STYLE>

<H4>将鼠标移至图片，将看到此效果。</H4>
<P id=outer><A href=”http://www.cngothic.com/” mce_href=”http://www.cngothic.com/”><IMG onmouseover=high(this) style=”FILTER: alpha(opacity=20)” onmouseout=low(this) height=138 alt=xlc30.cn src=”http://www.cngothic.com/pic/cngothic.com.jpg” mce_src=”http://www.cngothic.com/pic/cngothic.com.jpg” width=500></A> </P>

谷歌搜索:鼠标经过图片渐显效果
百度搜索:鼠标经过图片渐显效果
雅虎搜索:鼠标经过图片渐显效果
搜狗搜索:鼠标经过图片渐显效果
搜搜搜索:鼠标经过图片渐显效果

渐显效果, 鼠标经过图片