用DW中ToolTip代碼改進的提示框

2024-09-12 12:30:56

字體：大中小

來源：轉載

供稿：網友

這個我早就改好了一直沒有放上來.現在發給大家用用
注重這幾個變量它們影響到提示框的效果

var rT=true;//答應圖像過渡
var bT=true;//答應圖像淡入淡出
var tw=150;//提示框寬度
var endaction=false;//結束動畫

css控制動畫效果

<style type="text/css">

</style>

只要把里面的'revealTrans(duration=.2,transition=1)'濾鏡的transition值改變可以換動畫過渡效果了.
不說這么多了地球人都知道 revealTrans 和 blendtrans了吧

運行代碼框
<head><title>圖像效果演示</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><script>/*舜子制作Made by PuterJam*///--初始化變量--var rT=true;//答應圖像過渡var bT=true;//答應圖像淡入淡出var tw=150;//提示框寬度var endaction=false;//結束動畫var ns4 = document.layers;var ns6 = document.getElementById && !document.all;var ie4 = document.all;offsetX = 0;offsetY = 20;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"; toolTipSTYLE.display = "none"; } document.onmousemove = moveToMouseLoc; }}function toolTip(msg, fg, bg){ if(toolTip.arguments.length < 1) // hide { if(ns4) { toolTipSTYLE.visibility = "hidden"; } else { //--圖象過渡，淡出處理-- 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" cellspacing="0" cellpadding="1" bgcolor="' fg '" class="trans_msg"><td>' '<table border="0" cellspacing="0" cellpadding="3" bgcolor="' bg '"><td width=' tw '><font face="Arial" color="' fg '" size="-2">' msg '&nbsp/;</font></td></table></td></table>'; if(ns4) { toolTipSTYLE.document.write(content); toolTipSTYLE.document.close(); toolTipSTYLE.visibility = "visible"; } if(ns6) { document.getElementById("toolTipLayer").innerHTML = content; toolTipSTYLE.display='block' } if(ie4) { document.all("toolTipLayer").innerHTML=content; toolTipSTYLE.display='block' //--圖象過渡，淡入處理-- var cssopaction=document.all("msg1").filters[0].opacity document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1").filters[1].Apply(); if (bT) document.all("msg1").filters[2].Apply(); document.all("msg1").filters[0].opacity=cssopaction; if (rT) document.all("msg1").filters[1].Play(); if (bT) document.all("msg1").filters[2].Play(); //---------------------- } }}function moveToMouseLoc(e){ if(ns4||ns6) { x = e.pageX; y = e.pageY; } else { x = event.x document.body.scrollLeft; y = event.y document.body.scrollTop; } toolTipSTYLE.left = x offsetX; toolTipSTYLE.top = y offsetY; return true;}</script><style type="text/css"></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()">test</a></font><font face="Arial"><a href="#" onMouseOver="toolTip('你要嗎，好好用的哦真的', '#FFFF00', 'red')" onMouseOut="toolTip()">test</a></font><font face="Arial"><a href="#" onMouseOver="toolTip('這是個好東東<br>你說呢<br>哈哈', '#FFFF00', 'orange')" onMouseOut="toolTip()">test</a></font><font face="Arial"><a href="#" onMouseOver="toolTip('<marquee>跑啊!!跑</marquee>', '#FFFF00', 'orange')" onMouseOut="toolTip()">test</a></font></body><p></p></div><div id="iwvjtn8m0" class="page_list nr_page"><div id="iwvjtn8m0" class="p_l"><span id="iwvjtn8m0" class='pageinfo'><u></u>共2頁</span><span id="iwvjtn8m0" class='disabled'><u></u>上一頁</span><span id="iwvjtn8m0" class='current'><u></u>1</span><u></u>2<u></u>下一頁</div></div><div id="iwvjtn8m0" class="cl"></SPAN> </div> </div> <div id="iwvjtn8m0" class=page1> <p align="center" class="pageLink"></p> </div> <div id="iwvjtn8m0" class="fenxiang">  <div style="text-align:left">上一篇：<a href='/wen/2024/09-12/1586279.html'>Javascript 表單之間的數據傳遞</a></div> <br> <div style="text-align:left">下一篇：<a href='/wen/2024/09-12/1586281.html'>DW MX 的快鍵一覽表</a></div> <br> <script src=/d/js/acmsd/gao21.js></script>  </div> <div id="iwvjtn8m0" class="pinglun">  <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("您沒什么話要說嗎？"); obj.saytext.focus(); return false; } return true; } </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost"> <tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="title"> <tr> <td><strong>發表評論</strong></td> <td align="right"><a href="/e/pl/?classid=172&id=1586280">共有<span><script type="text/javascript" src="/e/public/ViewClick/?classid=172&id=1586280&down=2"></script></span>條評論</a></td> </tr> </table> <table width="100%" border="0" cellspacing="10" cellpadding="0"> <tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr> <td width="56%" align="left">用戶名: <input name="username" type="text" class="inputText" id="username" value="" size="16" /></td> <td width="44%" align="left">密碼: <input name="password" type="password" class="inputText" id="password" value="" size="16" /></td> </tr> <tr> <td align="left">驗證碼: <input name="key" type="text" class="inputText" size="10" /> <img src="/e/ShowKey/?v=pl" align="absmiddle" /> </td> <td align="left"><input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" /> 匿名發表</td> </tr> </table> <textarea name="saytext" cols="70" rows="6" id="saytext">

學習交流