鼠标移入后提示-klx-ChinaUnix博客

我的IT之旅

首页　| 　博文目录　| 　关于我

klx

博客访问： 1106607
博文数量： 60
博客积分： 10010
博客等级：上将
技术积分： 2500
用户组：普通用户
注册时间： 2006-12-19 19:47

文章分类

全部博文（60）

MySQL（1）
Java/javascript（47）
VS.Net/ASP.net（3）
外挂（0）
成功项目（0）
电影（0）
理财（0）
正则表达式（0）
项目管理（0）
其它语言及电脑应（0）
SQL Server（0）
心情故事（2）
分析设计（0）
生活话题（6）
Oracle（0）
Delphi（1）
未分配的博文（0）

文章存档

2009年（6）

2008年（54）

我的朋友

相关博文

鼠标移入后提示

分类： Java

2008-10-12 18:47:28

js代码:

/* **MouseOver.Tooltip 鼠标移过弹出提示 */ document.write("

");
function $(el){return document.getElementById(el);}
var ST=$("Ihigh");
var showTips=$("showTips"); 
var title="友情提示",text="免费电话，免费拨打！手机用户请直接输入；固定电话请加区号，分机请加逗号（英文半角）如：01051268180,802";
showTips.innerHTML=""+title+"
"+text+"
";
function kfmo(evt,obj){
obj.title='';
   
if(obj.rf)
{
   showTips.style.left=evt.clientX+"px";
   showTips.style.top=evt.clientY+"px";
   ST.style.left=evt.clientX+"px";
   ST.style.top=evt.clientY+"px";
}
else
{
   var ex=obj.offsetLeft+obj.offsetWidth,ey=obj.offsetTop+obj.offsetHeight;
   while(obj=obj.offsetParent){
    ex+=obj.offsetLeft;
    ey+=obj.offsetTop;
   }
   var Htmlver=HTMLVersion();
   var innerWidth=Htmlver.offsetWidth,innerHeight=Htmlver.offsetHeight;
   if(ex>innerWidth-246){
    showTips.style.left=ex-224+"px";
    ST.style.left=ex-224+"px";}
   else{
    showTips.style.left=ex-8+"px";
    ST.style.left=ex-8+"px";}
   if(innerHeight-evt.clientY<86){
    showTips.style.top=ey-84+"px";
    ST.style.top=ey-84+"px";}
   else{
    showTips.style.top=ey+"px";
    ST.style.top=ey+"px";}
}
showTips.style.display="block";
ST.style.display="block";
}
function HTMLVersion()
{
var HTMLtype=(document.documentElement.offsetWidth)?"document.documentElement":"document.body";
return eval(HTMLtype);
}

function kfmout(){showTips.style.display="none";ST.style.display="none";}

html代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript" src="kf.js"> </SCRIPT> </HEAD> <BODY> <a onmouseover="kfmo(event,this)" onmouseout="kfmout()">然后法</a><br> <select onmouseover="kfmo(event,this)" onmouseout="kfmout()"><option>aaaaaaaaaaaaaaaa</option> <option>aaaaaaaaaaaaaaaa</option> </select> </BODY> </HTML>

阅读(1689) | 评论(0) | 转发(0) |

上一篇：非常漂亮的鼠标提示的信息

下一篇：可输可选的下拉框

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6