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 相关文章推荐
Javascript中this的用法详解
Sep 22 Javascript
javascript使用smipleChart实现简单图表
Jan 02 Javascript
JavaScript显示表单内元素数量的方法
Apr 02 Javascript
js图片上传前预览功能(兼容所有浏览器)
Aug 24 Javascript
Async Validator 异步验证使用说明
Jul 03 Javascript
node.js的exports、module.exports与ES6的export、export default深入详解
Oct 26 Javascript
Vue+SpringBoot开发V部落博客管理平台
Dec 27 Javascript
vue项目设置scrollTop不起作用(总结)
Dec 21 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
Feb 10 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
Sep 27 Javascript
JS实现拖动模糊框特效
Aug 25 Javascript
Vue实现购物车基本功能
Nov 08 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
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
php 中序列化和json使用介绍
2013/07/08 Javascript
js实现同一页面可多次调用的图片幻灯切换效果
2015/02/28 Javascript
浅谈EasyUI中编辑treegrid的方法
2015/03/01 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
js如何实现点击标签文字,文字在文本框出现
2015/08/05 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
JavaScript模拟push
2016/03/06 Javascript
微信js-sdk界面操作接口用法示例
2016/10/12 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
2017/08/16 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Nuxt页面级缓存的实现
2020/03/09 Javascript
用vue 实现手机触屏滑动功能
2020/05/28 Javascript
three.js 制作动态二维码的示例代码
2020/07/31 Javascript
js+css3实现炫酷时钟
2020/08/18 Javascript
Python中用sleep()方法操作时间的教程
2015/05/22 Python
在Django的视图中使用数据库查询的方法
2015/07/16 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
简单了解django索引的相关知识
2019/07/17 Python
Django上线部署之IIS的配置方法
2019/08/22 Python
jupyter 使用Pillow包显示图像时inline显示方式
2020/04/24 Python
pyCharm 实现关闭代码检查
2020/06/09 Python
python statsmodel的使用
2020/12/21 Python
佐卡伊官网:中国知名珠宝品牌
2017/02/05 全球购物
建龙钢铁面试总结
2014/04/15 面试题
村优秀党员事迹材料
2014/01/15 职场文书
司马光教学反思
2014/02/01 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
王兆力在市委党的群众路线教育实践活动总结大会上的讲话稿
2014/10/25 职场文书
2015年度优秀员工获奖感言
2015/07/31 职场文书
标准发言稿结尾
2019/07/18 职场文书
php7中停止php-fpm服务的方法详解
2021/05/09 PHP