伊人激情综合网,97在线视频免费观看完整版,成人免费一区二区三区视频网站

View Post

自動提示效果

前陣子，IE的title提示突然罷工了，找了很多原因就是沒找到，一次實驗popup.show后，它居然會出來，可是要讓title出來前每次都必須調用popup.show方法，這怎么行呢

，估計還是注冊表的問題吧，終于放棄，于是制作了這個簡單的自動提示js文件。支持firefox&ie,也不會有自帶的提示那種過一段時間消失的問題了。

<html>

<head>

</head>

<body>

if(!document.attachEvent)

{

????document.attachEvent?=?function(){document.addEventListener(arguments[0].substr(2),arguments[1],arguments[2])}

}

document.attachEvent("onmouseover",function(e)

{

????var?tip?=?"";

????if(typeof(event)=="undefined"){

????????tip?=?e.target.getAttribute("tips")

????}else{

????????e????=?event;

????????tip?=?e.srcElement.tips;

????}

????

????if(typeof(tip)!="undefined"&&tip.length>0)

????{

????????var?_tips?=?document.getElementById("myTip");

????????

????????if(typeof(_tips)=="undefined"||_tips?==?null)

????????{

????????????_tips????????=?document.createElement("div");

????????????_tips.id????=?"myTip";

????????????_tips.style.position????????=?"absolute";

????????????_tips.style.width????????????=?"150px";

????????????_tips.style.borderWidth????????=?"1px";

????????????_tips.style.borderStyle????????=?"solid";

????????????_tips.style.borderColor????????=?"gray";

????????????_tips.style.fontSize????????=?"9pt";

????????????_tips.style.backgroundColor????=?"#ffffff";

????????????_tips.style.color????????????=?"#349045";

????????????

????????????_tips.style.filter????????????=?"progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3)";

????????????_tips.style.padding????????????=?"5px?8px?3px?8px";

????????????

????????????document.body.appendChild(_tips);????????????

????????????_tips.style.display????????????=?"none";

????????}

????????????_tips.style.display????=?"";

????????????

????????????_tips.innerHTML????????=?tip;

????????????_tips.style.left?=?document.body.scrollLeft+e.clientX+10;?

????????????_tips.style.top?=?document.body.scrollTop+e.clientY+10;?

????}

}

);

document.attachEvent('onmouseout',function(e)

{???

????var?_tips?=?document.getElementById("myTip");

????if(_tips!=null)

????{

????????_tips.style.display="none";

????}

}

)

</script>

<a?href="#"?tips="自定義提示"?>測試鏈接</a>

<a?href="#"?>測試鏈接</a>???

<a?href="#"?tips="中華人民共和國中華人民共和國自中華人民共和國中華人民共和國自定義提示中華人民共和國中華人民共和國自定義提示中華人民共和國中華人民共和國自定義提示定義提示">測試鏈接</a>???

</body>

</html>

from:http://www.cnblogs.com/ttyp/archive/2005/06/15/174714.html

posted on 2006-11-17 09:36 young 閱讀(240) 評論(0) 編輯收藏所屬分類: JS

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: 浮動框讓你的網頁更精彩 - Javascript 調用MSAgent javascript技巧自動提示效果

yyg1107

公告

常用鏈接

留言簿

隨筆分類(11)

隨筆檔案(8)

文章分類(37)

文章檔案(36)

新聞檔案(1)

收藏夾(16)

JavaBlog

matrix

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜

View Post

自動提示效果