请选择 进入手机版 | 继续访问电脑版
记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 6741|回复: 0
收起左侧

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

[复制链接]
发表于 2015-8-3 13:28:16 | 显示全部楼层 |阅读模式
<font id="zoom">这个我早就改好了一直没有放上来.现在发给大家用用
注重这几个变量它们影响到提示框的效果
var rT=true;//答应图像过渡
var bT=true;//答应图像淡入淡出
var tw=150;//提示框宽度
var endaction=false;//结束动画

css控制动画效果

<style  type="text/css">
<!--
.trans_msg
    {
    filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);
    }
-->
</style>

只要把里面的'revealTrans(duration=.2,transition=1)'滤镜的transition值改变可以换动画过渡效果了.
不说这么多了地球人都知道 revealTrans 和 blendtrans了吧
<p>运行代码框
<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"><!--.trans_msg    {    filter:alpha(opacity=100,enabled=1) revealTrans(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="#"  >test</a></font><font face="Arial"><a href="#"  >test</a></font><font face="Arial"><a href="#"  >test</a></font><font face="Arial"><a href="#"  >test</a></font></body>



上一篇:DW MX 的快键一览表
下一篇:Javascript 表单之间的数据传递
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】
快速回复 返回顶部 返回列表