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 相关文章推荐
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
Dec 30 Javascript
js 可拖动列表实现代码
Dec 13 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
May 28 Javascript
js验证框架实现代码分享
May 18 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
原生js实现键盘控制div移动且解决停顿问题
Dec 05 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
JavaScript原型继承_动力节点Java学院整理
Jun 30 Javascript
p5.js入门教程之平滑过渡(Easing)
Mar 16 Javascript
Vue中使用vee-validate表单验证的方法
May 09 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
新页面打开实际尺寸的图片
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版
2016/07/21 PHP
php使用glob函数遍历文件和目录详解
2016/09/23 PHP
php指定长度分割字符串str_split函数用法示例
2017/01/30 PHP
Javascript代码在页面加载时的执行顺序介绍
2013/05/03 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
js单词形式的运算符
2014/05/06 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
利用JS生成博文目录及CSS定制博客
2016/02/10 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
2016/05/25 Javascript
Vue源码学习之初始化模块init.js解析
2017/11/02 Javascript
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
学习jQuery中的noConflict()用法
2018/09/28 jQuery
详解vuex commit保存数据技巧
2018/12/25 Javascript
用element的upload组件实现多图片上传和压缩的示例代码
2019/02/12 Javascript
Node.js 多线程完全指南总结
2019/03/27 Javascript
Vue全局使用less样式,组件使用全局样式文件中定义的变量操作
2020/10/21 Javascript
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
Python统计文件中去重后uuid个数的方法
2015/07/30 Python
Python中的字符串类型基本知识学习教程
2016/02/04 Python
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
OpenCV2从摄像头获取帧并写入视频文件的方法
2018/08/03 Python
python抓取网页内容并进行语音播报的方法
2018/12/24 Python
Python图片的横坐标汉字实例
2019/12/04 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
Python获取、格式化当前时间日期的方法
2020/02/10 Python
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
《七颗钻石》教学反思
2014/02/28 职场文书
村长贪污检举信
2014/04/04 职场文书
报关报检委托书
2014/04/08 职场文书
校长个人总结
2015/03/03 职场文书
三八节祝酒词
2015/08/11 职场文书
2016春季运动会前导词
2015/11/25 职场文书
队列队形口号
2015/12/25 职场文书
社区服务理念口号
2015/12/25 职场文书
浅析python中特殊文件和特殊函数
2022/02/24 Python