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

当前位置: 首页 > 图文教程 > 网页制作 > Dreamweaver > 用DW中ToolTip代码改进的提示框

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-23 浏览: 52 ::

收藏到网摘: n/a

在 DW 中插入 Flash 的参数详解 JS 216网页安全色调色板 DW 风格

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

var rT=true;//允许图像过渡
var bT=true;//允许图像淡入淡出
var tw=150;//提示框宽度
var endaction=false;//结束动画

css控制动画效果

只要把里面的'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.Apply(); if (bT) document.all("msg1").filters.Apply(); document.all("msg1").filters[0].opacity=0; if (rT) document.all("msg1").filters.Play(); if (bT) document.all("msg1").filters.Play(); if (rT){ if (document.all("msg1").filters.status==1 || document.all("msg1").filters.status==0){ toolTipSTYLE.display = "none";} } if (bT){ if (document.all("msg1").filters.status==1 || document.all("msg1").filters.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 + ' \;</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.Apply(); if (bT) document.all("msg1").filters.Apply(); document.all("msg1").filters[0].opacity=cssopaction; if (rT) document.all("msg1").filters.Play(); if (bT) document.all("msg1").filters.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 t <div style="text-align:left; margin-top:0px; clear:both;"> </div> <div id="tpage"> <span style="float:left;width:45%" class="text-truncate"> <img align="absmiddle" src="https://static.ruanchen.com/img/pre_art.gif" /> <a href="/tech/view/doc/78654/p/4/" title="在 DW 中插入 Flash 的参数详解">在 DW 中插入 Flash 的参数详解</a></span> <span style="float:right;width:45%;text-align:right" class="text-truncate"> <a href="/tech/view/doc/78656/p/4/" title="JS 216网页安全色调色板 DW 风格">JS 216网页安全色调色板 DW 风格</a> <img align="absmiddle" src="https://static.ruanchen.com/img/next_art.gif"/></span> </div> </div> <div style="clear:both;"> <script language="javascript"> var infoid = '78655'; var classid = 'tech'; </script> <script language="JavaScript" src="https://static.ruanchen.com/js/mood.js"></script> </div> <div id="cmt"> <h3> <img src="https://static.ruanchen.com/img/cmt.gif" align="absmiddle" /> 评论 (0) <small class="pagenav-listbar"> <a style="padding:5px;" href="javascript:tech_cmt('78655')">All</a> </small> </h3> <div id="cmt-list"></div> <form method="post" action="#cmt" onsubmit="alert('您还没有登陆，登陆后才能进行此操作。');return false;"> <textarea id="content" name="content" style="width:100%; height:100px;">

登陆还没注册？

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

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