mouse_on_title.js


Posted in Javascript onAugust 25, 2006
var pltsPop=null; 
var pltsoffsetX = 5;   // 弹出窗口位于鼠标左侧或者右侧的距离;3-12 合适 
var pltsoffsetY = 5;  // 弹出窗口位于鼠标下方的距离;3-12 合适 
var pltsPopbg="#FFffff"; //背景色 
var pltsPopfg="#880000"; //前景色 
var pltsTitle=""; 
document.write('<div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div>'); 
function pltsinits() 
{ 
    document.onmouseover   = plts; 
    document.onmousemove = moveToMouseLoc; 
} 
function plts() 
{  var o=event.srcElement; 
    if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; 
    if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; 
    pltsPop=o.dypop; 
    if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined") 
    { 
pltsTipLayer.style.left=-20; 
pltsTipLayer.style.display=''; 
var Msg=pltsPop.replace(/\n/g,"<br>"); 
Msg=Msg.replace(/\0x13/g,"<br>"); 
var re=/\{(.[^\{]*)\}/ig; 
if(!re.test(Msg))pltsTitle=""; 
else{ 
   re=/\{(.[^\{]*)\}(.*)/ig; 
     pltsTitle=Msg.replace(re,"$1")+" "; 
   re=/\{(.[^\{]*)\}/ig; 
   Msg=Msg.replace(re,""); 
   Msg=Msg.replace("<br>","");} 
   var attr=(document.location.toString().toLowerCase().indexOf("")>0?"nowrap":""); 
        var content = 
       '<table style="FILTER:alpha(opacity=90) shadow(color=#6f6f6f,direction=135);" id=toolTipTalbe ><tr><td width="100%"><table class=tdr cellspacing="0" cellpadding="0" border=0 style="width:100%">'+ 
       '<tr id=pltsPoptop ><th height=25 valign=bottom  class=tdr><p id=topleft align=left>'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'</th></tr>'+ 
       '<tr><td "+attr+" class=bg_tdr style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+ 
       '<tr id=pltsPopbot style="display:none"><th height=25 valign=bottom class=tdr><p id=botleft align=left>'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'</th></tr>'+ 
       '</table></td></tr></table>'; 
        pltsTipLayer.innerHTML=content; 
        toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2); 
        moveToMouseLoc(); 
        return true; 
       } 
    else 
    { 
     pltsTipLayer.innerHTML=''; 
       pltsTipLayer.style.display='none'; 
        return true; 
    } 
} function moveToMouseLoc() 
{ 
if(pltsTipLayer.innerHTML=='')return true; 
var MouseX=event.x; 
var MouseY=event.y; 
//window.status=event.y; 
var popHeight=pltsTipLayer.clientHeight; 
var popWidth=pltsTipLayer.clientWidth; 
if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight) 
{ 
    popTopAdjust=-popHeight-pltsoffsetY*1.5; 
    pltsPoptop.style.display="none"; 
    pltsPopbot.style.display=""; 
} 
  else 
{ 
     popTopAdjust=0; 
    pltsPoptop.style.display=""; 
    pltsPopbot.style.display="none"; 
} 
if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth) 
{ 
  popLeftAdjust=-popWidth-pltsoffsetX*2; 
  topleft.style.display="none"; 
  botleft.style.display="none"; 
  topright.style.display=""; 
  botright.style.display=""; 
} 
else 
{ 
  popLeftAdjust=0; 
  topleft.style.display=""; 
  botleft.style.display=""; 
  topright.style.display="none"; 
  botright.style.display="none"; 
} 
pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust; 
pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust; 
   return true; 
} 
pltsinits();
Javascript 相关文章推荐
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
Javascript 中创建自定义对象的方法汇总
Dec 04 Javascript
jquery实现上下左右滑动的方法
Feb 09 Javascript
详解jQuery UI库中文本输入自动补全功能的用法
Apr 23 Javascript
Jquery为DIV添加click事件的简单实例
Jun 02 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
Ionic3 UI组件之autocomplete详解
Jun 08 Javascript
浅谈angular.copy() 深拷贝
Sep 14 Javascript
轻松理解vue的双向数据绑定问题
Oct 30 Javascript
基于wordpress的ajax写法详解
Jan 02 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
Aug 31 Javascript
新页面打开实际尺寸的图片
Aug 25 #Javascript
js获取变量
Aug 24 #Javascript
在b/s开发中经常用到的javaScript技术
Aug 23 #Javascript
两个SUBMIT按钮,如何区分处理
Aug 22 #Javascript
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 #Javascript
Javascript客户端脚本的设计和应用
Aug 21 #Javascript
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 #Javascript
You might like
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
mysql 全文搜索 技巧
2007/04/27 PHP
session在PHP大型web应用中的使用
2011/06/25 PHP
ThinkPHP空模块和空操作详解
2014/06/30 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
如何使Chrome控制台支持多行js模式——意外发现
2013/06/13 Javascript
jQuery取得设置清空select选择的文本与值
2014/07/08 Javascript
总结JavaScript中布尔操作符||与&amp;&amp;的使用技巧
2015/11/17 Javascript
在Linux系统中搭建Node.js开发环境的简单步骤讲解
2016/01/26 Javascript
使用node+vue.js实现SPA应用
2016/01/28 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
用Axios Element实现全局的请求loading的方法
2018/03/15 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
Python单链表的简单实现方法
2014/09/23 Python
最大K个数问题的Python版解法总结
2016/06/16 Python
python实现kNN算法
2017/12/20 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
Python 反转字符串(reverse)的方法小结
2018/02/20 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Python实现的对一个数进行因式分解操作示例
2019/06/27 Python
selenium2.0中常用的python函数汇总
2019/08/05 Python
Python 寻找局部最高点的实现
2019/12/05 Python
python模块和包的应用BASE_PATH使用解析
2019/12/14 Python
python字典的值可以修改吗
2020/06/29 Python
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
国旗下的讲话演讲稿
2014/05/08 职场文书
校园元旦活动总结
2014/07/09 职场文书
收款委托书
2014/10/14 职场文书
管理者日常工作必备:22条企业管理流程模板!
2019/07/12 职场文书
PostgreSQL通过oracle_fdw访问Oracle数据的实现步骤
2021/05/21 PostgreSQL
一篇带你入门Java垃圾回收器
2021/06/16 Java/Android
MySQL数据管理操作示例讲解
2022/12/24 MySQL