日本語
Web ページの特殊効果コード: 動的プロンプトのテキスト効果に続く 4 つの非常に優れたマウス
<head> <title>動的プロンプトに続く優れたマウス downcodes.com</title> <meta http-equiv="Content-Type" content="text/ html ; charset=gb2312"> <script> //--変数の初期化-- // downcodes.com より var rT=true;// 画像の遷移を許可 var bT=true;// 画像のフェードインとフェードアウトを許可 var tw= 150; //プロンプトボックスの幅 var endaction=false; //アニメーションの終了 var ns4 = document.getElementById && !document.all; var ie4 = document.all; var toolTipSTYLE =""; function initToolTips() { if(ns4||ns6||ie4) { if(ns4) toolTipSTYLE = document.toolTipLayer; else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style; else if (ie4) toolTipSTYLE = document.all.toolTipLayer.style; if(ns4) document.captureEvents(Event.MOUSEMOVE); else {toolTipSTYLE.visibility = "visible"; document.onmousemove = moveToMouseLoc ; } } function toolTip(msg, fg, bg) { if(toolTip.arguments.length < 1) // 隠す { if(ns4) { toolTipSTYLE.visibility = "hidden" } else { //--imageトランジション、フェードアウト処理 -- if (!endaction) {toolTipSTYLE.display = "none";} if (rT) document.all("msg1").filters[1].Apply(); if (bT) document .all( "msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1").filters[ 1].Play(); if (bT) document.all("msg1").filters[2].Play(); if (rT){ if (document.all("msg1").filters[1] status== 1 || document.all("msg1").filters[1].status==0){toolTipSTYLE.display = "none";} } if (bT){ if (document.all("msg1" ).filters [2].status==1 || document.all("msg1").filters[2].status==0){toolTipSTYLE.display = "none";} } if (!rT && !bT )toolTipSTYLE.display = "none"; //--------------------- } } else // show { if(!fg) fg = "#777777 "; if (!bg) bg = "#eeeeee"; var content = '<table id="msg1" name="msg1" border="0" cellpacing="0" cellpadding="1" bgcolor="' + fg + ' " class="trans_msg"><td>' + '<table border="0" cellpacing="0" cellpadding="3" bgcolor="' + bg + '"><td width=' + tw + '> <font face="Arial" color="' + fg + '" size="-2">' + msg + ' </font></td></table></td> </table >'; if(ns4) {toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "toolTipLayer"; .innerHTML = content; toolsTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML='block' //--画像遷移、フェードイン処理- - var cssopaction= document.all("msg1").filters[0].opacity document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1")。フィルター[1] .Apply(); if (bT) document.all("msg1").filters[2].Apply(); (rT) document.all("msg1").filters[1].Play(); if (bT) document.all("msg1").filters[2].Play(); ---- ------------- } } } function moveToMouseLoc(e) { if(ns4||ns6) { x = e.pageX } else { x; = イベント.x + document.body.scrollLeft; }toolTipSTYLE.left = x + offsetY; } </script> <style> type="text /css"> <!-- .trans_msg { filter:alpha(opacity=100,enabled=1) believeTrans(duration=.2,transition=1) Blendtrans(duration=.2); } --> </style> </head> <script> </script> <body> <div id="toolTipLayer" style="position:absolute; Visibility: hidden"></div> <script>initToolTips()</script > <font face ="Arial"> <a href="#" onMouseOver="toolTip('これは良いことです<br>どう思いますか<br>はは')" onMouseOut="toolTip()">テスト1</a> </font> <font face="Arial"> <a href="#" onMouseOver="toolTip('欲しいですか? 使ってみるととても良いです', '#FFFF00', 'red ')" onMouseOut="toolTip()">テスト 1</a></font> <font face="Arial"> <a href="#" onMouseOver="toolTip('これは良いことです<br>どう思います<br> はは'、'#FFFF00'、'オレンジ')" onMouseOut="toolTip()">テスト 3</a></font> <font face="Arial"> <a href= "#" onMouseOver="toolTip ('<marquee>Run! Run</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">テスト 4</a></font> < /ボディ>