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 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
Mar 14 Javascript
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
node.js中的fs.fchown方法使用说明
Dec 16 Javascript
AngularJS表单编辑提交功能实例
Feb 13 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
Apr 15 Javascript
前端jquery部分很精彩
May 03 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
VUEJS实战之构建基础并渲染出列表(1)
Jun 13 Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 Javascript
requirejs按需加载angularjs文件实例
Jun 08 Javascript
Node4-5静态资源服务器实战以及优化压缩文件实例内容
Aug 29 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加速器eAccelerator的配置参数、API详解
2014/05/05 PHP
浅谈PHP中单引号和双引号到底有啥区别呢?
2015/03/04 PHP
php简单防盗链实现方法
2015/07/29 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
Javascript的IE和Firefox兼容性汇编
2006/07/01 Javascript
改进:论坛UBB代码自动插入方式
2006/12/22 Javascript
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
jQuery之网页换肤实现代码
2011/04/30 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
node中koa中间件机制详解
2017/08/22 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
微信小程序8种数据通信的方式小结
2020/02/03 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
[51:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
python中图像通道分离与合并实例
2020/01/17 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
Django利用elasticsearch(搜索引擎)实现搜索功能
2020/11/26 Python
python实现代码审查自动回复消息
2021/02/01 Python
css3实现小箭头各种图形效果
2020/07/08 HTML / CSS
android面试问题与答案
2016/12/27 面试题
写给妈妈的道歉信
2014/01/11 职场文书
12月小学生校园广播稿
2014/02/04 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
投标人廉洁自律承诺书
2014/05/26 职场文书
优秀会计求职信
2014/07/04 职场文书
党员民主评议自我评价
2014/10/20 职场文书
北大自主招生自荐信
2015/03/04 职场文书
学雷锋献爱心倡议书
2015/04/27 职场文书
2015年建筑工作总结报告
2015/05/04 职场文书
Java图书管理系统,课程设计必用(源码+文档)
2021/06/30 Java/Android