符合WEB标准의 鼠标实现图pictures 渐隐
以下为引用内容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.webjx.com</title> <스크립트 언어=JavaScript1.2>
<!--
함수 high( which2){
개체 = which2
하이라이트=setInterval("highlightit(theobject)",40)
}
함수 low( which2){
ClearInterval(강조표시)
which2.filters.alpha.opacity=40
}
함수 하이라이트(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
ClearInterval(강조표시)
}
//-->
</script> <스타일 유형="텍스트/css">
<!--
h1 {text-align:center;margin-top:50px;}
p#외부 {
여백:0 자동;
너비:202px;
}
#외부 {
여백:0px;
표시:블록;
위치: 상대;
테두리:1px 솔리드 #ccc;
}
#외부 a:hover {테두리:1px 점선 #c00;}
#outer img {display:block;border:none;배경:#069;}
-->
</style>
</head>
<본문>
<h1>将鼠标移至사진, 将看到此效果.</h1>
<p id="outer"><a href="http://www.webjx.com/"><img onMouseOut=low(this) onMouseOver=high(this) style='FILTER: alpha(opacity=20) ' src="/u/info_img/2009-05/30/logo.gif" alt="www.webjx.com" width="200" height="90" /></a>
</p>
</body>
</html> |
