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


    沒有所謂的命運，只有不同的選擇！
    
    

    
	
    
	


    
	    
    

    

				
			
    
		    		
	
    
	
    
		
			


		
	
    

    


    



    
        
	



主站蜘蛛池模板：
亚洲人成电影网站|
无码欧精品亚洲日韩一区|
99999久久久久久亚洲|
无码人妻精品中文字幕免费
|
免费的黄色网页在线免费观看|
成人au免费视频影院|
亚洲日韩AV一区二区三区中文
|
亚洲日本一线产区和二线|
无码永久免费AV网站|
亚洲一区二区三区丝袜|
日韩精品视频免费观看|
国产午夜亚洲精品不卡免下载|
亚洲国产精品成人|
国产伦精品一区二区免费|
亚洲伊人久久大香线蕉综合图片|
在线视频网址免费播放|
亚洲AV日韩精品久久久久久久|
日韩av无码久久精品免费|
亚洲国产美女视频|
日韩一区二区免费视频|
一级免费黄色大片|
亚洲人成电影福利在线播放
|
老司机在线免费视频|
日本亚洲中午字幕乱码|
亚洲色成人中文字幕网站|
8x成人永久免费视频|
综合一区自拍亚洲综合图区|
久久久久亚洲AV无码专区网站|
久久精品视频免费播放|
亚洲av无码专区青青草原|
国产精品亚洲精品日韩已方|
免费无码成人AV在线播放不卡|
亚洲欧美国产国产一区二区三区
|
国产免费久久精品丫丫|
久久99亚洲网美利坚合众国|
在线jyzzjyzz免费视频|
中文字幕免费在线视频|
亚洲一卡2卡3卡4卡乱码 在线|
亚洲精品国产福利一二区|
1000部无遮挡拍拍拍免费视频观看|
亚洲GV天堂无码男同在线观看|