以下為引用的內容: <!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>將滑鼠移至圖片,將看到此效果。 <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> |