鼠标特效

原创 2007年10月12日 10:25:00

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
  <HTML>
      <HEAD>
          <title>MouseOverPopWindowDemo</title>
          <script language="javascript">
   <!--       
               //代码整理:Melodicsoul  http://wintersun.cnblogs.com
            //2007年5月21日
               var FADINGTOOLTIP
             var wnd_height, wnd_width;
             var tooltip_height, tooltip_width;
            var tooltip_shown=false;
             var    transparency = 100;
             var timer_id = 1;
           
             // override events
            window.onload = WindowLoading;
              window.onresize = UpdateWindowSize;
            document.onmousemove = AdjustToolTipPosition;
           
             setTimeout('window.location.reload(true)', 1140000); // 19 minutes
           
            function DisplayTooltip(tooltip_text)
            {
                 if (FADINGTOOLTIP) {
                     FADINGTOOLTIP.innerHTML = tooltip_text;
                    tooltip_shown = (tooltip_text != "")? true : false;
                    if(tooltip_text != "")
                    {
                         // Get tooltip window height
                        tooltip_height=(FADINGTOOLTIP.style.pixelHeight)? FADINGTOOLTIP.style.pixelHeight : FADINGTOOLTIP.offsetHeight;
                         transparency=0;
                         ToolTipFading();
                     }
                     else
                    {
                        clearTimeout(timer_id);
                         FADINGTOOLTIP.style.visibility="hidden";
                     }
               }
             }
 
             function AdjustToolTipPosition(e)
             {
                 if (navigator.userAgent.toLowerCase().indexOf("msie") != -1)
                   e = event;
                 if( tooltip_shown )
                 {
                    offset_y = 20;//(e.clientY + tooltip_height - document.body.scrollTop + 30 >= wnd_height) ? - 15 - tooltip_height: 20;
                    FADINGTOOLTIP.style.visibility = "visible";
                    FADINGTOOLTIP.style.left = Math.min(wnd_width - tooltip_width - 10 , Math.max(3, e.clientX + 6)) + document.body.scrollLeft + 'px';
                   FADINGTOOLTIP.style.top = e.clientY + offset_y + document.body.scrollTop + 'px';
                 }
            }

             function WindowLoading()
             {
                FADINGTOOLTIP=document.getElementById('FADINGTOOLTIP');
    
                  // Get tooltip  window width               
                 tooltip_width = (FADINGTOOLTIP.style.pixelWidth) ? FADINGTOOLTIP.style.pixelWidth : FADINGTOOLTIP.offsetWidth;
               
                 // Get tooltip window height
                 tooltip_height=(FADINGTOOLTIP.style.pixelHeight)? FADINGTOOLTIP.style.pixelHeight : FADINGTOOLTIP.offsetHeight;

                  FADINGTOOLTIP.style.left = 0;
                 FADINGTOOLTIP.style.top = 0;

                UpdateWindowSize();
             }
            
            function ToolTipFading()
             {
                 if(transparency <= 100)
                 {
                     FADINGTOOLTIP.style.filter="alpha(opacity="+transparency+")";
                    transparency += 10;
                    timer_id = setTimeout('ToolTipFading()', 10);
                 }
             }
 
             function UpdateWindowSize()
            {
                  wnd_height=document.body.clientHeight;
                wnd_width=document.body.clientWidth;
            }
            -->
        </script>
    </HEAD>
     <body>
         <form name="Form1">
             <DIV id="mainPane">
                <a href="http://wintersun.cnblogs.com" onmouseover="DisplayTooltip('<iframe src=http://wintersun.cnblogs.com width=100% height=300px scrolling=no></iframe>');" onmouseout="DisplayTooltip('');">鼠标划过</a>
            </DIV>   
           <div class="FadingTooltip" id="FADINGTOOLTIP" style="Z-INDEX: 103; LEFT: 16px; VISIBILITY: hidden; WIDTH: 360px; POSITION: absolute; TOP: 478px; HEIGHT: 30px">
            </div>
         </form>
     </body>
 </html>
 

【HTML】鼠标特效

鼠标特效 CSS鼠标控制箭头 手形 移动 帮助 箭头朝上双向 指示 等待
  • idealistic
  • idealistic
  • 2017-04-16 10:32:40
  • 669

Windows 鼠标指针特效 内含6种不同的鼠标样式和特效

  • 2014年04月08日 05:46
  • 168KB
  • 下载

精美js鼠标特效代码跟随

精美的JavaScript鼠标跟随代码,几个漂亮的色球随着鼠标移动,富有弹性的那种。效果比较好,跟踪鼠标的几个色球是调入的外部图片,因些请先把这几个小图片下载下来。...
  • life66881
  • life66881
  • 2015-05-14 12:01:18
  • 1586

windows 鼠标点击 水波纹 效果

  • 2017年09月28日 09:02
  • 52KB
  • 下载

js 特效 html 特效 鼠标点击效果

  • 2011年08月25日 21:27
  • 18KB
  • 下载

炫酷的鼠标特效JS 原生代码

star window.onload = function () { C = Math.cos; // cache Math objects ...
  • Jensen_Yao
  • Jensen_Yao
  • 2017-03-22 19:34:44
  • 1447

[Unity教程]unity 鼠标点击目的地生成特效

像 很多游戏 ,点击 目的地 ,就会在目的地  生成一个 特效 ,让玩家能够 明白自己点击的地方是哪里。 怎么做呢。Unity 的官方 标准 示例 或许可以解决 这个问题。 在...
  • BuladeMian
  • BuladeMian
  • 2017-12-23 08:21:05
  • 397

系统鼠标特效指针\各种鼠标特效

  • 2009年07月31日 11:42
  • 244KB
  • 下载

javascript网页特效——鼠标特效

实例一:禁用鼠标右键 //为文档的鼠标按下事件定义回调 document.onmousedown = function(event){ ...
  • gemingzhu
  • gemingzhu
  • 2016-09-11 09:36:26
  • 319

Javascript 鼠标点击冒泡特效

一个用JS写的鼠标左击特效点击鼠标左键会出现红心”❤”或者字符表情“(๑•́ ₃ •̀๑)”…常用Emoji可以自行替换,如需复制,请从底部链接移步至Github代码onload = function...
  • djzhao627
  • djzhao627
  • 2017-06-05 20:35:30
  • 873
收藏助手
不良信息举报
您举报文章:鼠标特效
举报原因:
原因补充:

(最多只允许输入30个字)