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

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

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

    
    

    




    







												


        

    
	
    
		
			

    

    我的漫漫程序之旅
    

    專注于JavaWeb開發(fā)
    

    

    

    隨筆 - 39, 文章 - 310, 評(píng)論 - 411, 引用 - 0
    

    


    		
	
    

    

    
	
    
		
			
    
				數(shù)據(jù)加載中……
			
    
		    		
		
			
    
				
					
	
    
		
    
			用javascript實(shí)現(xiàn)的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';
    
}
    

    
這個(gè)得加在</body>結(jié)束標(biāo)簽的前面
    

    <body>
    
    <span title="不錯(cuò)啊">默認(rèn)效果</span>
    

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


    



    
                                
                                
                                
    

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


	


    
	    
    




    








    

				
			
    
		    		
	
    
	
    
		
			

		
	
    

    


    







    
        
	



主站蜘蛛池模板：
91午夜精品亚洲一区二区三区|
精品在线免费观看|
亚洲制服丝袜第一页|
久久精品国产亚洲7777|
好爽好紧好大的免费视频国产|
中文字幕在线免费|
成人免费区一区二区三区|
黄色片网站在线免费观看|
亚洲中文字幕无码中文字|
99ri精品国产亚洲|
亚洲成AV人片在线观看无|
亚洲精品高清一二区久久|
暖暖免费高清日本中文|
黄瓜视频影院在线观看免费|
免费无遮挡无码永久视频|
国内少妇偷人精品视频免费|
欧洲美女大片免费播放器视频|
国产亚洲一卡2卡3卡4卡新区
|
四虎影视久久久免费|
亚洲AV电影天堂男人的天堂|
久久亚洲最大成人网4438|
亚洲国产精品综合久久网各
|
APP在线免费观看视频|
一个人看的免费高清视频日本|
国产精品亚洲一区二区无码|
亚洲国产成人无码AV在线|
亚洲日本VA午夜在线电影|
亚洲 欧洲 视频 伦小说|
亚洲中文字幕一二三四区苍井空|
亚洲日本在线免费观看|
亚洲图片校园春色|
亚洲三级视频在线|
国产亚洲中文日本不卡二区
|
久久不见久久见中文字幕免费|
久久WWW免费人成一看片|
16女性下面无遮挡免费|
91av视频免费在线观看|
a拍拍男女免费看全片|
91免费资源网站入口|
好吊妞788免费视频播放|
国产精品成人四虎免费视频|