自定义控制title提示框

转载 2006年06月25日 16:34:00

<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>
</head>
<BODY>
<a  href="dispbbs.asp"  title="我想请问斑竹?<br>作者:农民<br>发表于2002-6-3  20:17:16<br>最后跟贴:呵呵,是住我们......">我想请问斑竹?</a> 接着前面的
</body>
</html>

JS自定义Title文字提示

最近遇到个需求,需要给很多的按钮等添加文字提示,风格要保持统一。 然后就写了如上的这个算是小插件吧  给出源代码的百度云盘链接 下面的代码直接使用只差jquery的引入 ...
  • yhn1121
  • yhn1121
  • 2016年06月14日 13:59
  • 3410

Qt 之 自定义提示信息框—QQ风格

一、简述在 Qt 之 自定义提示信息框—迅雷风格 这篇文章中讲述了如何实现迅雷风格的自定义提示框。那么在这一篇中我们就讲述一下如何实现QQ风格的提示框。整体代码与Qt 之 自定义提示信息框—迅雷风格 ...
  • GoForwardToStep
  • GoForwardToStep
  • 2016年12月20日 12:42
  • 3399

自定义html中a标签的title提示tooltip

用简单的jquery+CSS3创建自定义的a标签title提示,用来代替浏览器默认行为。如图:...
  • lihui_830501
  • lihui_830501
  • 2014年05月21日 00:55
  • 2891

Android自定义键盘(解决提示框“白板”问题)

  • 2015年02月01日 16:04
  • 2.91MB
  • 下载

自定义进度提示框

  • 2016年01月08日 14:35
  • 731KB
  • 下载

c#自定义消息框,重写MessageBox,消息提示框

  • 2016年09月02日 15:42
  • 468KB
  • 下载

qml自定义信息提示框

  • 2017年10月28日 16:21
  • 6KB
  • 下载

自定义提示框

  • 2013年04月11日 22:57
  • 16KB
  • 下载

对话框/提示框/等待框/自定义内容

  • 2016年05月18日 23:07
  • 82KB
  • 下载

微信小程序 自定义消息提示框

wx.showToast(OBJECT),自定义消息提示框,微信小程序,自定义模态框
  • xiaochun365
  • xiaochun365
  • 2017年07月19日 14:06
  • 792
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:自定义控制title提示框
举报原因:
原因补充:

(最多只允许输入30个字)