用DW中ToolTip代碼改進的提示框-Dreamweaver教程

2024-09-12 12:29:42

字體：大中小

來源：轉載

供稿：網友

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

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>|||
[ctrl a 全部選擇提示：你可先修改部分代碼，再按運行]

討論請到這里：http://www.blueidea.com/bbs/newsdetail.asp?id=1517086

上一篇：DW MX 的快鍵一覽表-Dreamweaver教程

下一篇：Java&#115;cript 表單之間的數據傳遞-Dreamweaver教程