js 实现浮动视窗问题
时间:2011-09-06
来源:互联网
本人写了一段JS,就是想在在鼠标移动到某个物件上时,在鼠标附近显示一个DIV,鼠标离开时隐藏,出问题了。。然后不知道咋整了,这里贴出来显示DIV的方法,各位帮忙看下呗,我用的浏览器是IE9
JScript code
JScript code
function showDiv(qContent) { var t, l; if (document.documentElement && document.documentElement.scrollTop) { t = document.documentElement.scrollTop; l = document.documentElement.scrollLeft; } else if (document.body) { t = document.body.scrollTop; l = document.body.scrollLeft; } else { t = 0; l = 0; } document.all.board.innerHTML = qContent; alert(document.all.board.innerHTML); // 當瀏覽器鼠標位置到底端不足以顯示整個DIV時,將DIV顯示在上方 if (event.clientY + 20 + t + 90 > t + document.documentElement.clientHeight) { document.all.board.style.top = event.clientY - 120 + t; } else { document.all.board.style.top = event.clientY + 20 + t; } document.all.board.style.left = event.clientX + 20 + l; document.all.board.style.display = ""; }
作者: bruce_vs 发布时间: 2011-09-06
这个功能我直接用的jquery插件,http://craigsworks.com/projects/qtip/demos/
作者: h2ero 发布时间: 2011-09-07
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28