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中的splice方法用法详解
Jul 20 Javascript
简单分析javascript中的函数
Sep 10 Javascript
jQuery实现简单漂亮的Nav导航菜单效果
Mar 29 jQuery
使用JS动态显示文本
Sep 09 Javascript
详解如何使用 vue-cli 开发多页应用
Dec 16 Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
nuxt框架中路由鉴权之Koa和Session的用法
May 09 Javascript
基于node搭建服务器,写接口,调接口,跨域的实例
May 13 Javascript
JS在if中的强制类型转换方式
Jul 15 Javascript
layui获取选中行数据的实例讲解
Aug 19 Javascript
js实现二级联动简单实例
Jan 11 Javascript
js面向对象之实现淘宝放大镜
Jan 15 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面向对象全攻略 (七) 继承性
2009/09/30 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
1亿条数据如何分表100张到Mysql数据库中(PHP)
2015/07/29 PHP
Yii2.0 Basic代码中路由链接被转义的处理方法
2016/09/21 PHP
PHP处理Ajax请求与Ajax跨域问题
2017/02/13 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
ThinkPHP5 框架引入 Go AOP,PHP AOP编程项目详解
2020/05/12 PHP
js禁止回车提交表单的示例代码
2013/12/23 Javascript
jquery fancybox ie6不显示关闭按钮的解决办法
2013/12/25 Javascript
Jquery操作radio的简单实例
2014/01/06 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
jQuery实现隔行背景色变色
2014/11/24 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
2015/06/18 Javascript
修改jquery中dialog的title属性方法(推荐)
2016/08/26 Javascript
jQuery.Form实现Ajax上传文件同时设置headers的方法
2017/06/26 jQuery
Vue的轮播图组件实现方法
2018/03/03 Javascript
setTimeout时间设置为0详细解析
2018/03/13 Javascript
JavaScript 高性能数组去重的方法
2018/09/20 Javascript
vue观察模式浅析
2018/09/25 Javascript
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
JavaScript实现的拼图算法分析
2019/02/13 Javascript
python中使用OpenCV进行人脸检测的例子
2014/04/18 Python
pandas DataFrame 根据多列的值做判断,生成新的列值实例
2018/05/18 Python
python的继承知识点总结
2018/12/10 Python
python实现逐个读取txt字符并修改
2018/12/24 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
运动服饰每月订阅盒:Ellie
2018/04/29 全球购物
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
教师个人剖析材料
2014/02/05 职场文书
乡镇总工会学雷锋活动总结
2014/03/01 职场文书
数学教育专业求职信
2014/07/22 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
开学典礼观后感
2015/06/15 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
APP界面设计技巧和注意事项
2022/04/29 杂记