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

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

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

    
    

    




    







												


        

    
	
    
		
			

    

    我的漫漫程序之旅
    

    專注于JavaWeb開發
    

    

    

    隨筆 - 39, 文章 - 310, 評論 - 411, 引用 - 0
    

    


    		
	
    

    

    
	
    
		
			
    
				數據加載中……
			
    
		    		
		
			
    
				
					
	
    
		
    
			用javascript實現的tip效果
		
    
		
    
		
    document.body.onmousemove=quickalt;
    
document.body.onmouseover    =getalt;
    
document.body.onmouseout    =restorealt;
    
    var tempalt='';
    

    
    function getalt(){
    
        if(event.srcElement.title && (event.srcElement.title!='' || (event.srcElement.title=='' && tempalt!=''))){
    
        altlayer.style.left    =event.x;
    
        altlayer.style.top    =event.y+20;
    
        altlayer.style.display    ='';
    
        tempalt    =event.srcElement.title;
    
        tempbg    =event.srcElement.altbg;
    
        tempcolor    =event.srcElement.altcolor;
    
        tempborder    =event.srcElement.altborder;
    
        event.srcElement.title    ='';
    
        altlayer.innerHTML    =tempalt;
    
            if (typeof(tempbg)!="undefined"){altlayer.style.background=tempbg}else{altlayer.style.background="infobackground"}
    
            if (typeof(tempcolor)!="undefined"){altlayer.style.color=tempcolor}else{altlayer.style.color=tempcolor="infotext"}
    
            if (typeof(tempborder)!="undefined"){altlayer.style.border='1px solid '+tempborder;}else{altlayer.style.border='1px solid #000000';}
    
    }
    
}
    
    function quickalt(){
    
        if(altlayer.style.display==''){
    
        altlayer.style.left    =event.x;
    
        altlayer.style.top    =event.y+10;
    
    }
    
}
    
    function restorealt(){
    
    event.srcElement.title    =tempalt;
    
    tempalt    ='';
    
    altlayer.style.display    ='none';
    
}
    

    
這個得加在</body>結束標簽的前面
    

    <body>
    
    <span title="不錯啊">默認效果</span>
    

    
    <div style="display:none;border:1px solid #000000;background-color:#FFFFCC;font-size:12px;position:absolute;padding:2;" id=altlayer></div>
    
    <!--注意這個引入必須在下面-->
    
<script type="text/javascript" src="../js/tip.js"></script>
    
    </body>
    
這里面的效果層就是這個div.
    
在想要應用 tip的文字上面加個<span></span>標簽即可


    



    
                                
                                
                                
    

		
    
		
    
			posted on 2007-12-16 19:55 々上善若水々 閱讀(2588) 評論(0)  編輯  收藏  所屬分類: JavaScript 
		
    
	
    
	
	


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
亚洲国产精品白丝在线观看|
www国产亚洲精品久久久|
亚洲五月午夜免费在线视频|
天堂亚洲国产中文在线|
免费国产成人α片|
99久久免费看国产精品|
好吊妞在线成人免费|
亚洲国产一区明星换脸|
99视频免费播放|
亚洲国产精品SSS在线观看AV|
国产午夜亚洲精品理论片不卡
|
久久亚洲AV成人无码电影|
免费播放美女一级毛片|
国产人成免费视频|
精品成人一区二区三区免费视频|
很黄很色很刺激的视频免费|
亚洲欧洲日本天天堂在线观看|
无码人妻丰满熟妇区免费|
永久免费看mv网站入口|
亚洲成av人片天堂网无码】|
免费播放春色aⅴ视频|
777亚洲精品乱码久久久久久
|
免费观看的a级毛片的网站|
一本色道久久综合亚洲精品蜜桃冫|
18勿入网站免费永久|
亚洲av综合av一区二区三区|
国产又大又粗又硬又长免费
|
一级毛片人与动免费观看|
亚洲AV永久无码精品成人|
免费A级毛片无码A∨免费|
在线a亚洲老鸭窝天堂av高清|
免费一看一级毛片人|
成全在线观看免费观看大全|
亚洲一卡2卡4卡5卡6卡残暴在线|
国外成人免费高清激情视频|
二区久久国产乱子伦免费精品|
亚洲另类古典武侠|
亚洲中文字幕无码久久精品1|
亚洲黄色片免费看|
fc2成年免费共享视频18|
亚洲av无码久久忘忧草|