以下为引用的内容: <!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" /> <标题>www.webjx.com</标题> <脚本语言=JavaScript1.2> <!-- 函数高(which2){ 对象=which2 突出显示= setInterval(“突出显示(对象)”,40) } 函数低(which2){ 清除间隔(突出显示) 其中2.filters.alpha.opacity=40 } 函数高亮(cur2){ if (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=5 else if (窗口.突出显示) 清除间隔(突出显示) } //--> </脚本> <样式类型=“文本/css”> <!-- h1 {文本对齐:中心;边距顶部:50px;} p#外层{ 保证金:0 自动; 宽度:202px; } #外层一个{ 边距:0px; 显示:块; 位置:相对; 边框:1px实线#ccc; } #outer a:hover {border:1px dashed #c00;} #outer img {显示:块;边框:无;背景:#069;} --> </风格> </头> <正文> <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> </正文> </html> |