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 相关文章推荐
非常有用的40款jQuery 插件推荐(系列二)
Dec 25 Javascript
通过上下左右键和回车键切换光标实现代码
Mar 08 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
May 05 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 Javascript
微信小程序商城项目之侧栏分类效果(1)
Apr 17 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
Nov 06 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
Dec 04 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
el-table-column 内容不自动换行的解决方法
Aug 14 Vue.js
新页面打开实际尺寸的图片
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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
memcache一致性hash的php实现方法
2015/03/05 PHP
php字符串分割函数用法实例
2015/03/17 PHP
php实现数组中出现次数超过一半的数字的统计方法
2018/10/14 PHP
不错的asp中显示新闻的功能
2006/10/13 Javascript
用javascript获取当页面上鼠标光标位置和触发事件的对象的代码
2009/12/09 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
一段非常简单的js判断浏览器的内核
2014/08/17 Javascript
Javascript正则控制文本框只能输入整数或浮点数
2014/09/02 Javascript
js简单实现表单中点击按钮动态增加输入框数量的方法
2015/08/18 Javascript
Vue.js展示AJAX数据简单示例讲解
2017/03/29 Javascript
浅谈angular4实际项目搭建总结
2017/12/01 Javascript
详解设置Webstorm 利用babel将ES6自动转码成ES5
2017/12/20 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
浏览器事件循环与vue nextTicket的实现
2019/04/16 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
python中self原理实例分析
2015/04/30 Python
python中列表和元组的区别
2017/12/18 Python
Python实现的建造者模式示例
2018/08/06 Python
谈一谈基于python的面向对象编程基础
2019/05/21 Python
Pandas库之DataFrame使用的学习笔记
2019/06/21 Python
python Django中models进行模糊查询的示例
2019/07/18 Python
python设置环境变量的作用整理
2020/02/17 Python
django修改models重建数据库的操作
2020/03/31 Python
pycharm中选中一个单词替换所有重复单词的实现方法
2020/11/17 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
大学同学聚会邀请函
2014/01/29 职场文书
评析教师个人的自我评价
2014/02/19 职场文书
《少年王勃》教学反思
2014/04/27 职场文书
感恩祖国演讲稿
2014/09/09 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
县政府办公室领导班子个人对照检查材料
2014/09/16 职场文书
中国现代文学之经典散文三篇
2019/09/18 职场文书