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 相关文章推荐
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
Jan 30 Javascript
javascript实现节点(div)名称编辑
Dec 17 Javascript
JavaScript 学习笔记之操作符
Jan 14 Javascript
EasyUI中实现form表单提交的示例分享
Mar 01 Javascript
jQuery实现百叶窗焦点图动画效果代码分享(附源码下载)
Mar 14 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
Bootstrap缩略图的创建方法
Mar 22 Javascript
three.js实现3D模型展示的示例代码
Dec 31 Javascript
js中apply和Math.max()函数的问题及区别介绍
Mar 27 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
May 05 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
使用 JavaScript 制作页面效果
Apr 21 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页面缓存ob系列函数介绍
2012/10/18 PHP
PHP经典面试题之设计模式(经常遇到)
2015/10/15 PHP
深入理解PHP变量的值类型和引用类型
2015/10/21 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
laravel实现按时间日期进行分组统计方法示例
2019/03/23 PHP
javascript 框架小结 个人工作经验
2009/06/13 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
JavaScript动态数量的文件上传控件
2016/11/18 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
浅谈javascript的url参数parse和build函数
2017/03/04 Javascript
微信小程序基于picker实现级联菜单
2019/02/15 Javascript
python实现定制交互式命令行的方法
2014/07/03 Python
Python实现抓取网页并且解析的实例
2014/09/20 Python
Python数据结构之Array用法实例
2014/10/09 Python
Python中使用socket发送HTTP请求数据接收不完整问题解决方法
2015/02/04 Python
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
在Windows系统上搭建Nginx+Python+MySQL环境的教程
2015/12/25 Python
python:socket传输大文件示例
2017/01/18 Python
Python实现定时任务
2017/02/08 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
Python浮点型(float)运算结果不正确的解决方案
2020/09/22 Python
屈臣氏乌克兰:Watsons UA
2019/10/29 全球购物
WatchShop法国:英国排名第一的独立手表零售商
2020/02/17 全球购物
荷兰睡眠专家:Beter Bed
2020/11/23 全球购物
生产内勤岗位职责
2013/12/07 职场文书
中医学专业自荐信范文
2014/04/01 职场文书
班级文化建设标语
2014/06/23 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
2015年三八妇女节活动总结
2015/02/06 职场文书
2015年教务处干事工作总结
2015/07/22 职场文书