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 相关文章推荐
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 Javascript
JQuery中使用on方法绑定hover事件实例
Dec 09 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 Javascript
javascript变量声明实例分析
Apr 25 Javascript
jquery插件uploadify多图上传功能实现代码
Aug 12 Javascript
浅谈jquery拼接字符串效率比较高的方法
Feb 22 Javascript
AngularJS1.X学习笔记2-数据绑定详解
Apr 01 Javascript
React Native 搭建开发环境的方法步骤
Oct 30 Javascript
es6数值的扩展方法
Mar 11 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 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连接mysql数据库代码
2009/03/10 PHP
php的一些小问题
2010/07/03 PHP
PHP连接SQLServer2005的方法
2015/01/27 PHP
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
Javascript 判断客户端浏览器类型代码
2010/03/01 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
常用一些Javascript判断函数
2012/08/14 Javascript
javascript重写alert方法的实例代码
2013/03/29 Javascript
js open() 与showModalDialog()方法使用介绍
2013/09/10 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
教你完全理解ReentrantLock重入锁
2019/06/03 Javascript
vue调用语音播放的方法
2019/09/27 Javascript
vue prop传值类型检验方式
2020/07/30 Javascript
Zabbix实现微信报警功能
2016/10/09 Python
tensorflow创建变量以及根据名称查找变量
2018/03/10 Python
Pycharm简单使用教程(入门小结)
2019/07/04 Python
django中使用POST方法获取POST数据
2019/08/20 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
django queryset 去重 .distinct()说明
2020/05/19 Python
Pyinstaller 打包发布经验总结
2020/06/02 Python
python语言是免费还是收费的?
2020/06/15 Python
python正则表达式re.match()匹配多个字符方法的实现
2021/01/27 Python
路易威登和香奈儿手袋:LuxeDH
2017/01/12 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
C++是不是类型安全的
2014/02/18 面试题
金融专业应届生求职信
2013/11/02 职场文书
2015年财务试用期工作总结
2014/12/24 职场文书
python中print格式化输出的问题
2021/04/16 Python
Nginx反向代理配置的全过程记录
2021/06/22 Servers
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python
「睡美人」爱洛公主粘土人开订
2022/03/22 日漫
零基础学java之方法的定义与调用详解
2022/04/10 Java/Android
Python编写冷笑话生成器
2022/04/20 Python