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 相关文章推荐
ExtJS中文乱码之GBK格式编码解决方案及代码
Jan 20 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
Jun 24 Javascript
JavaScript实现经典排序算法之冒泡排序
Dec 28 Javascript
jquery与ajax获取特殊字符实例详解
Jan 08 Javascript
jQuery实现弹幕效果
Feb 17 Javascript
详解Vue.js基于$.ajax获取数据并与组件的data绑定
May 26 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
解决bootstrap下拉菜单点击立即隐藏bug的方法
Jun 13 Javascript
基于jQuery中ajax的相关方法汇总(必看篇)
Nov 08 jQuery
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 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
在PHP中使用反射技术的架构插件使用说明
2010/05/18 PHP
PHP限制HTML内容中图片必须是本站的方法
2015/06/16 PHP
Javascript UrlDecode函数代码
2010/01/09 Javascript
返回对象在当前级别中是第几个元素的实现代码
2011/01/20 Javascript
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
用JavaScript实现使用鼠标画线的示例代码
2014/08/19 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
jQuery simpleModal插件的使用介绍
2016/08/30 Javascript
微信小程序 loading(加载中提示框)实例
2016/10/28 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
JS作用域链详解
2017/06/26 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
JS实现的排列组合算法示例
2019/07/16 Javascript
js实现简单扫雷
2020/11/27 Javascript
vue 解决provide和inject响应的问题
2020/11/12 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
修改NPM全局模式的默认安装路径的方法
2020/12/15 Javascript
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
详解Python中time()方法的使用的教程
2015/05/22 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
Python中list的交、并、差集获取方法示例
2019/08/01 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
使用Python实现正态分布、正态分布采样
2019/11/20 Python
详解Python设计模式之策略模式
2020/06/15 Python
python热力图实现简单方法
2021/01/29 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
伦敦一卡通:The London Pass
2018/11/30 全球购物
农行实习自我鉴定
2013/09/22 职场文书
预备党员党校学习自我评价分享
2013/11/12 职场文书
redis哨兵常用命令和监控示例详解
2021/05/27 Redis
微信小程序结合ThinkPHP5授权登陆后获取手机号
2021/11/23 PHP