社区
ASP
帖子详情
怎么实现将鼠标放在超连接时会显示一个文本框,文本框中显示一些提示信息,当鼠标移开时,文本框消失
luckyhongyu
2003-06-06 10:03:15
如题目
...全文
255
8
打赏
收藏
怎么实现将鼠标放在超连接时会显示一个文本框,文本框中显示一些提示信息,当鼠标移开时,文本框消失
如题目
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
8 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
lqflsh
2003-06-06
打赏
举报
回复
<a href=http://www.163.com title="这里是网易">网易</a>
LoveLonghair
2003-06-06
打赏
举报
回复
title
blues-star
2003-06-06
打赏
举报
回复
<input title="^_^">
possible_Y
2003-06-06
打赏
举报
回复
你把
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=5000;//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;
存为一个xxx.js文件
在其他每个页面里引用该文件<script language="javascript" src="xxx.js"></script>
并写上样式表
<style>
.cPopText { font-size: 12px; background-color: #CCFFCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border:1px solid #000000;}
</style>
这样只要title属性就可以了
如:<div title="xxxxxx">xxx</div>
zjwps
2003-06-06
打赏
举报
回复
用dw做简单,添加一个mouseover显示层事件
luckyhongyu
2003-06-06
打赏
举报
回复
有没有再简单点的方法
possible_Y
2003-06-06
打赏
举报
回复
<html>
<head>
<script Language="JavaScript">
//***********默认设置定义.*********************
tPopWait=50;//停留tWait豪秒后显示提示。
tPopShow=5000;//显示tShow豪秒后关闭提示
showPopStep=20;
popOpacity=99;
//***************内部变量定义*****************
sPop=null;
curShow=null;
tFadeOut=null;
tFadeIn=null;
tFadeWaiting=null;
document.write("<style type='text/css'id='defaultPopStyle'>");
document.write(".cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}");
document.write("</style>");
document.write("<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>");
function showPopupText(){
var o=event.srcElement;
MouseX=event.x;
MouseY=event.y;
if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""};
if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""};
if(o.dypop!=sPop) {
sPop=o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if(sPop==null || sPop=="") {
dypopLayer.innerHTML="";
dypopLayer.style.filter="Alpha()";
dypopLayer.filters.Alpha.opacity=0;
}
else {
if(o.dyclass!=null) popStyle=o.dyclass
else popStyle="cPopText";
curShow=setTimeout("showIt()",tPopWait);
}
}
}
function showIt(){
dypopLayer.className=popStyle;
dypopLayer.innerHTML=sPop;
popWidth=dypopLayer.clientWidth;
popHeight=dypopLayer.clientHeight;
if(MouseX+12+popWidth>document.body.clientWidth) popLeftAdjust=-popWidth-24
else popLeftAdjust=0;
if(MouseY+12+popHeight>document.body.clientHeight) popTopAdjust=-popHeight-24
else popTopAdjust=0;
dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;
dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;
dypopLayer.style.filter="Alpha(Opacity=0)";
fadeOut();
}
function fadeOut(){
if(dypopLayer.filters.Alpha.opacity<popOpacity) {
dypopLayer.filters.Alpha.opacity+=showPopStep;
tFadeOut=setTimeout("fadeOut()",1);
}
else {
dypopLayer.filters.Alpha.opacity=popOpacity;
tFadeWaiting=setTimeout("fadeIn()",tPopShow);
}
}
function fadeIn(){
if(dypopLayer.filters.Alpha.opacity>0) {
dypopLayer.filters.Alpha.opacity-=1;
tFadeIn=setTimeout("fadeIn()",1);
}
}
document.onmouseover=showPopupText;
</script>
<style>
.cPopText { font-size: 12px; background-color: #CCFFCC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; border:1px solid #000000;}
</style>
</head>
<BODY>
<a href="dispbbs.asp?boardID=6&RootID=56&ID=56" title="我想请问斑竹?<br>作者:农民<br>发表于2002-6-3 20:17:16<br>最后跟贴:呵呵,是住我们......">我想请问斑竹?</a>
接着前面的
</body>
</html>
fason
2003-06-06
打赏
举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
<title>即时出现的提示信息</title>
<style>
#div1{position:absolute;border:1 solid #3366cc;z-index:100;background-color:#d2e8ff;color:blue;width:100;font-size:12px;}
</style>
</head>
<body>
<script>
function document.onmousemove(){
if(event.srcElement.tagName=="A"){
var v=document.getElementById("div1")
v.style.visibility=''
v.value=event.srcElement.alt
v.style.pixelLeft=event.clientX+document.body.scrollLeft+10;
v.style.pixelTop=event.clientY+document.body.scrollTop+10
}
}
function document.onmouseout(){
if(event.srcElement.tagName=="A"){
var v=document.getElementById("div1")
v.style.visibility='hidden'
}
}
</script>
<a href=# alt="fason" >fason</a>
<input id=div1 style="visibility:hidden;">
</body>
</html>
Excel VBA实用技巧大全 附书源码
01015获取在Excel主窗口
中
一个
窗口所能占有的最大高度和宽度 01016获取当前打印机名称 01017获取MicrosoftExcel剩余内存 01018获取MicrosoftExcel的总内存 01019获取计算机被Excel占用的内存 01020改变Excel窗口大小...
《程序天下:JavaScript实例自学手册》光盘源码
4.16
鼠标
移
到下拉框时自动全部打开 4.17 checkbox
鼠标
移
入
移
出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 ...
程序天下:JavaScript实例自学手册
4.16
鼠标
移
到下拉框时自动全部打开 4.17 checkbox
鼠标
移
入
移
出的特效 第5章 层和框架的特效 5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 ...
asp.net2.0项目之小型采石场收支管理系统源码(VS2005+Access)
7. 下拉列表框
中
的值被选
中
时请不要滑动
鼠标
滑轮 8. 您所插入的每一条新记录都
显示
在最后页面 后台还可以: 收支项目类别管理 收支费用名称管理 数据库数据备份 数据库数据恢复 默认管理帐号/密码:51aspx/...
css
实现
文本框
中
内容
超
出长度
显示
省略号,
鼠标
移
入悬浮
显示
全部内容
实现
文本
超
长以省略号的形式隐藏文本,达到不影响其他元素布局的效果;包括多行和单行文本的省略
显示
,以及应用此功能时,需要注意的属性之间冲突。
ASP
28,391
社区成员
357,059
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章