我的漫漫程序之旅

專注于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>

</body>

這里面的效果層就是這個div.
在想要應用 tip的文字上面加個<span></span>標簽即可

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

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: Javascript繼承非常實用的j avascript 驗證碼生成 Ext中常用的獲取元素(get)的方法及區別 Ext 復雜Form布局 Ext Form 的驗證 Ext Form daterange&passwordfield 練習 Ext Form 簡單練習之一(login Form) Ext Buttn and MessageBox 簡單練習驗證身份證的完整函數 Prototype1.6 實戰11 (Ajax)

我的漫漫程序之旅

用javascript實現的tip效果

導航

常用鏈接

留言簿(39)

隨筆檔案(43)

文章分類(304)

文章檔案(257)

搜索

最新評論

閱讀排行榜

評論排行榜