用DW中ToolTip代码改进的提示框-中国艺术设计联盟 | Arting365.com [中国创意产业第一门户]

用DW中ToolTip代码改进的提示框

来源：中国艺术设计联盟作者：chila_blus 发布时间：2005-01-02

这个我早就改好了一直没有放上来.现在发给大家用用
注意这几个变量它们影响到提示框的效果

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="#" on<br>[首页] [上一页] <a href=203254-2.asp><font color="#FF0000">[下一页]</font></a> <a href=203254-2.asp><font color="#FF0000">[末页]</font></a> <select onchange=if(this.options[this.selectedIndex].value!=''){location=this.options[this.selectedIndex].value;}><option value="" selected>选择页数</option><option value="203254.asp">1</option><option value="203254-2.asp">2</option></select> <br> </td> </tr> </table> </div> <div class="pagelink"> </div> <div id="left_espread"> <center><div class="left_espread_content"><iframe src='http://www.arting365.com/bill/content_bottom.htm' framespacing='0' frameborder='no' scrolling='no' width='468' height='42'></iframe></div></center> </div> <div id="editor"> 本篇编辑：chila_blus </div> </div> <div id="left_arttalk"> <iframe src='http://arttalk.arting365.com/show/index_700x230.php' framespacing='0' frameborder='no' scrolling='no' width='100%' height='230'></iframe> </div> <div id="left_comment"> <div id="comment_title">发表评论 | <a href="http://se.arting365.com/comment.php?o=display&Id=107482">查看所有评论</a></div> <div id="comment_main"> <FORM name="comment_form" action="http://se.arting365.com/comment.php?o=post&IndexID=107482" method="post" style="margin:0; padding:0;"> <div id="comment_content"> <textarea onFocus="sendPostRequest()" name="content" >

用户名:
验证码:

画廊推荐