以下は引用内容です: <!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> <!-- 関数高(どれ2){ オブジェクト=どれ2 強調表示=setInterval("強調表示(オブジェクト)",40) } 関数 low(that2){ clearInterval(強調表示) what2.filters.alpha.opacity=40 } 関数ハイライトit(cur2){ if (cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=5 else if (window.highlighting) clearInterval(強調表示) } //--> </script> <style type="text/css"> <!-- h1 {text-align:center;margin-top:50px;} p#outer { マージン:0 自動; 幅:202ピクセル; } #アウターa { マージン:0px; 表示:ブロック; 位置: 相対的; ボーダー:1px ソリッド #ccc; } #outer a:hover {border:1px 破線 #c00;} #outer img {ディスプレイ:ブロック;ボーダー:なし;背景:#069;} --> </スタイル> </head> <本文> <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> |