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 学习笔记 选择器之四
Jul 23 Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
Dec 08 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
Sep 14 Javascript
JavaScript中的类与实例实现方法
Jan 23 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
第二次聊一聊JS require.js模块化工具的基础知识
Apr 17 Javascript
ie下js不执行的几种可能
Feb 28 Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
vue-cli设置publicPath小记
Apr 14 Javascript
js实现验证码干扰(静态)
Feb 22 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
怎么使 Mysql 数据同步
2006/10/09 PHP
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
Laravel中获取路由参数Route Parameters的五种方法示例
2017/09/29 PHP
PHP设计模式之工厂方法设计模式实例分析
2018/04/25 PHP
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
Javascript学习笔记 delete运算符
2011/09/13 Javascript
js生成缩略图后上传并利用canvas重绘
2014/05/15 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
2017/01/05 Javascript
Node.js 8 中的 util.promisify的详解
2017/06/12 Javascript
vue2.0 下拉框默认标题设置方法
2018/08/22 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
基于Taro的微信小程序模板消息-获取formId功能模块封装实践
2019/07/15 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[41:41]TFT vs Secret Supermajor小组赛C组 BO3 第一场 6.3
2018/06/04 DOTA
Python中使用md5sum检查目录中相同文件代码分享
2015/02/02 Python
理解Python中的With语句
2016/03/18 Python
如何利用python查找电脑文件
2018/04/27 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
python 默认参数相关知识详解
2019/09/18 Python
在matplotlib中改变figure的布局和大小实例
2020/04/23 Python
python中round函数保留两位小数的方法
2020/12/04 Python
BeautifulSoup获取指定class样式的div的实现
2020/12/07 Python
tensorflow与numpy的版本兼容性问题的解决
2021/01/08 Python
工地门卫岗位职责
2013/12/30 职场文书
玄武湖导游词
2015/02/05 职场文书
工厂清洁工岗位职责
2015/02/14 职场文书
小王子读书笔记
2015/06/29 职场文书