<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    posts - 89, comments - 241, trackbacks - 0, articles - 1
       :: 首頁 ::  :: 聯系 :: 聚合  :: 管理

    代碼收藏-經典的javascript自定義提示信息

    Posted on 2009-07-30 21:44 saobaolu 閱讀(381) 評論(0)  編輯  收藏 所屬分類: 前端
     1<html>
     2<head>
     3<title>tip</title>
     4<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
     5</head>
     6<body>
     7<script>
     8if(!document.attachEvent)
     9{
    10 document.attachEvent = function(){document.addEventListener(arguments[0].substr(2),arguments[1],arguments[2])}
    11}

    12document.attachEvent("onmouseover",function(e)
    13{
    14 var tip = "";
    15 if(typeof(event)=="undefined"){
    16  tip = e.target.getAttribute("tips")
    17    }
    else{
    18        e = event;
    19        tip = e.srcElement.tips;
    20    }

    21    if(typeof(tip)!="undefined"&&tip.length>0)
    22    {
    23     var _tips = document.getElementById("myTip");
    24      if(typeof(_tips)=="undefined"||_tips == null)
    25        {
    26            _tips = document.createElement("div");
    27            _tips.id = "myTip";
    28            _tips.style.position = "absolute";
    29            _tips.style.width = "150px";
    30            _tips.style.borderWidth = "1px";
    31            _tips.style.borderStyle = "solid";
    32            _tips.style.borderColor = "gray";
    33            _tips.style.fontSize = "9pt";
    34            _tips.style.backgroundColor = "#ffffff";
    35            _tips.style.color = "#349045";          
    36            _tips.style.filter = "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3)";
    37        _tips.style.padding = "5px 8px 3px 8px";
    38        document.body.appendChild(_tips);            
    39            _tips.style.display = "none";
    40        }

    41            _tips.style.display = "";
    42            _tips.innerHTML  = tip;
    43            _tips.style.left = document.body.scrollLeft+e.clientX+10
    44            _tips.style.top = document.body.scrollTop+e.clientY+10
    45    }

    46}

    47);
    48document.attachEvent('onmouseout',function(e)
    49{   
    50    var _tips = document.getElementById("myTip");
    51    if(_tips!=null)
    52    {
    53        _tips.style.display="none";
    54    }

    55}

    56)
    57
    </script>
    58<href="#" tips="自定義提示" >測試鏈接</a>
    59<href="#" tips="<h1>你好世界</h1>">測試鏈接</a>   
    60<href="#" tips="這里填寫tips">測試鏈接</a>   
    61
    62</body>
    63</html>
    最終代碼預覽
    http://dev.mobai.org/js/JS_Tags_Tips.html

    沒有所謂的命運,只有不同的選擇!
    主站蜘蛛池模板: 在线播放亚洲第一字幕| 看全色黄大色大片免费久久| 亚洲精品99久久久久中文字幕| 亚洲国产成人久久综合| 四虎成人免费影院网址| 亚洲欧美不卡高清在线| 日韩精品视频免费观看| 春暖花开亚洲性无区一区二区| 日本免费高清一本视频| 国产偷国产偷亚洲高清在线| 免费又黄又爽又猛的毛片| 特级av毛片免费观看| 中文字幕亚洲不卡在线亚瑟| 东方aⅴ免费观看久久av| 亚洲人成影院在线| 日本三级2019在线观看免费| 亚洲人成无码网站在线观看| 成人永久免费高清| 国产美女视频免费观看的网站 | 日本不卡高清中文字幕免费| 亚洲爆乳大丰满无码专区| 亚洲不卡无码av中文字幕| 免费久久人人爽人人爽av| 亚洲老熟女@TubeumTV| 成人免费淫片在线费观看| 美女18一级毛片免费看| 亚洲欧洲日产国码无码久久99| 久艹视频在线免费观看| 亚洲综合无码一区二区痴汉| 亚洲日韩精品无码专区网站| 小草在线看片免费人成视久网| 亚洲精品第一综合99久久| 亚洲AV成人潮喷综合网| 少妇太爽了在线观看免费视频 | 免费夜色污私人影院网站电影| 亚洲色偷偷狠狠综合网| 精品福利一区二区三区免费视频| 九九精品国产亚洲AV日韩| 亚洲va中文字幕无码久久| 日本不卡免费新一二三区| 一级毛片免费不卡在线|