我的漫漫程序之旅
          

          專注于JavaWeb開發(fā)
          

          

          

          隨筆 - 39, 文章 - 310, 評論 - 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 々上善若水々 閱讀(2593) 評論(0)  編輯  收藏  所屬分類: JavaScript 
		
          
	
          
	
	


	


          
	    
    




          








          

				
			
          
		          		
	
          
	
          
		
			

		
	
          

          


    







          
        
	




主站蜘蛛池模板：
沂南县|
拜泉县|
兴隆县|
崇义县|
淮北市|
兰西县|
钦州市|
庆元县|
五家渠市|
仁布县|
壶关县|
汶上县|
玛纳斯县|
栾城县|
承德县|
台中县|
昭苏县|
城步|
黑水县|
武隆县|
浮梁县|
仪征市|
东方市|
仁化县|
上林县|
那曲县|
邛崃市|
丰宁|
栖霞市|
瑞昌市|
达尔|
青浦区|
江口县|
大城县|
凤山县|
哈尔滨市|
开江县|
高陵县|
栾城县|
中阳县|
沂南县|