自動ログインプロンプト効果を確認
要件：表示メッセージボックスにマウス、マウスの左は、メッセージボックスは、遅延の効果の消失を消滅します
1 <！DOCTYPE HTML> 2 <HTMLのlang = "EN"> 3 <ヘッド> 4 <メタのcharset = "UTF-8"> 5 <メタ名= "ビューポート"コンテンツ= "幅=デバイス幅、初期スケール= 1.0 "> 6 <メタHTTP-当量=" X-UA-互換」コンテンツ= "IE =縁"> 7 <タイトル>ドキュメント</タイトル> 8 <スタイル> 9 #sign { 10 表示：inline- ブロック。 11 幅：15ピクセル; 12 高さ：15ピクセル; 13 国境：1pxの固体＃1 ccc2c2。 16 幅：150ピクセルによって; 17。 高さ：70ピクセル、 18は、 背景色：RGB（243、200、120である）; 19。 境界：1ピクセルソリッドオレンジ、 20 色：RGB（161、59、48 ）; 21は、 ディスプレイ：なし; 22はなく 不透明度：1 ; 23である } 24 </スタイル> 25 </ HEAD> 26である、 <BODY> 27 <スパンID = "サイン"> </スパン> 28 <スパン>自動ログイン</スパン> 29 <DIV ID = "ヒント" >あなたの安全のために、インターネットカフェやその他の公共の場所では使用しないでください！</ div> <スクリプト> 32 VAR osign =のdocument.getElementById（ "サイン" ）; 33は、 VaRのチップ=のdocument.getElementById（ "チップ" ）; 34である VaRのタイマ、 35 のvar。OO = 1 ; 36 //のにマウスが（せたときにメッセージを表示します隠すバルーン効果が消える） 37 osign.onmouseover = 関数（）{ 38は // 点滅を回避するために、明確な遅延 39 てclearInterval（タイマ）; 40 tip.style.display = "ブロック" ; 41である tip.style.opacity = 1 ; 42 } 43である 44れる //マウスは、メッセージが消え、遅延隠蔽の効果左 45 osign.onmouseout = 関数（）{ 46がある てclearInterval（タイマ） 47 タイマのsetInterval（= 関数（）{ 48 // 透明度がゼロまで減少可能 49 OO - = 0.1 。 50 tip.style.opacity = OO; 51は、 IF（OO == 0 ）{ 52であり ;てclearInterval（タイマ） 53である } 54は 、} 70 ）; 55 // 最終的に復元された透明性、次のスタート値となる 56である 。OO = 1 。 57 } 58 </スクリプト> 59 </ HTML>
より良い方法がある場合は後ろの相補的です。