<<  epoll写的一段文件上传程序 | 首页 | 看过后的人九成都不想结婚了  >>

  • javascript写的一个链接提示框

    日期：2008-01-20 | 分类：政府采购

    版权声明：转载时请以超链接形式标明文章原始出处和作者信息及本声明
    http://scudong.blogbus.com/logs/14180289.html

    <head>
    <title>图像效果演示</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script>

    //--初始化变量--
    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 +
        ' \;</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="#" 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>


    历史上的今天：


    随机文章：

    网站推荐 2009-08-09

    收藏到：Del.icio.us




    Tags：
    scudong 发表于18:37:38 | 编辑 | 继续话题 | 转发 | 分享　0
    引用地址：