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实现页面超时后自动跳转到登陆页面
Jan 19 Javascript
JavaScript日期时间与时间戳的转换函数分享
Jan 31 Javascript
JavaScript搜索字符串并将搜索结果返回到字符串的方法
Apr 06 Javascript
js中对函数设置默认参数值的3种方法
Oct 23 Javascript
JSON字符串转换JSONObject和JSONArray的方法
Jun 03 Javascript
深入理解jQuery3.0的domManip函数
Sep 01 Javascript
angular.fromJson与toJson方法用法示例
May 17 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
Jan 07 Javascript
ElementUI Tag组件实现多标签生成的方法示例
Jul 08 Javascript
JS如何生成动态列表
Sep 22 Javascript
Flexible.js可伸缩布局实现方法详解
Nov 13 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中获得视频时间总长度的另一种方法
2011/09/15 PHP
MongoDB在PHP中的常用操作小结
2014/02/20 PHP
PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
2019/12/04 PHP
Javascript 继承实现例子
2009/08/12 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
js实现广告漂浮效果的小例子
2013/07/02 Javascript
一个JS的日期格式化算法示例
2013/07/31 Javascript
为jQuery添加Webkit的触摸的方法分享
2014/02/02 Javascript
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
alert出数组中的随即值代码
2014/09/25 Javascript
JavaScript导出Excel实例详解
2014/11/25 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
原生js仿jquery实现对Ajax的封装
2016/10/04 Javascript
javascript创建对象的3种方法
2016/11/02 Javascript
Sortable.js拖拽排序使用方法解析
2016/11/04 Javascript
微信小程序实现保存图片到相册功能
2018/11/30 Javascript
详解vue-video-player使用心得(兼容m3u8)
2019/08/23 Javascript
vue中使用element ui的弹窗与echarts之间的问题详解
2019/10/25 Javascript
JS常用跨域方法实现原理解析
2020/12/09 Javascript
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python检测lvs real server状态
2014/01/22 Python
使用Python的Treq on Twisted来进行HTTP压力测试
2015/04/16 Python
python结合shell查询google关键词排名的实现代码
2016/02/27 Python
Python入门之三角函数sin()函数实例详解
2017/11/08 Python
python批量读取txt文件为DataFrame的方法
2018/04/03 Python
Python3多线程操作简单示例
2018/05/22 Python
解决pycharm界面不能显示中文的问题
2018/05/23 Python
浅谈pandas用groupby后对层级索引levels的处理方法
2018/11/06 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
应聘医药销售自荐书范文
2014/02/08 职场文书
大学军训感言400字
2014/03/11 职场文书
房屋买卖委托书格式范本格式
2014/10/13 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android