【推荐】js+DIV悬浮窗定位到鼠标位置的源代码

(2013-09-04 22:34:33)

标签:

评论

完美兼容火狐,IE等浏览器,js+DIV悬浮窗定位到鼠标位置的源代码!转帖请注明出处,这可是本站的原创内容,亦是本站使用的代码

var oSon = window.document.getElementByIdx_x(hint);

//需要定位的层为:hint(div的id)

with (oSon){

style.display = block;//使层可见

var e = event || window.event

//获取鼠标位置

if(typeof(e.pageX)!='undefined'){

var x1 =e.pageX

var y1 =

e.pageY

}else{

var x1 =e.clientX

var y1 =

e.clientY

}

//获取滚动条位置

var x = document.documentElement.scrollLeft ||

document.body.scrollLeft

var y = document.documentElement.scrollTop ||

document.body.scrollTop

//层的定位

style.left=x+x1+'px';

style.top=y+y1+'px';

}

原文:http://www.942v.com/c/1/9116.html

分享:

喜欢

0

赠金笔

加载中,请稍候......

评论加载中,请稍候...

发评论

登录名: 密码: 找回密码 注册记住登录状态

昵   称:

评论并转载此博文

发评论

以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

html鼠标自定义悬浮窗,【推荐】js+DIV悬浮窗定位到鼠标位置的源代码相关推荐

  1. js实现鼠标放在div 悬浮显示另一个div内容链接 (不占位置)

    js实现鼠标放在div 悬浮显示另一个div内容链接 (不占位置) 代码如下 不喜勿喷 简单记录前端小知识 <div><a id="div1" href=&quo ...

  2. html如何制作悬浮窗,使用js实现悬浮窗效果方法

    很多网站效果,当页面向下滚动到某高度时候,导航栏或者其他会悬浮固定到顶部或某个位置,那么下面鹏仔就给大家简单介绍下 css代码 .show{ position: fixed; top: 0; } #n ...

  3. css 让div悬浮,纯CSS实现DIV悬浮(固定位置)

    纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗等.效果如下: 实现代码: DIV悬浮示例-纯C ...

  4. html固定悬浮窗效果,js 固定悬浮效果实现思路代码

    (function($){ var ele_fix = $("#div_right"); //浮动窗口 var _main = $(".main"); //浮动 ...

  5. Android 自定义水波球清理内存的悬浮窗小工具

    一.概述 现在一些手机管家都会有一个用来清理内存的悬浮窗小工具,感觉挺实用的,就自己做了一个.首先介绍一下这个工具的功能,除了可以清理内存,还有调节手机屏幕亮度.手电筒.无线网.移动数据.蓝牙.GPS ...

  6. 用鼠标左右拖拽 html,js实现鼠标拖拽div左右滑动

    本文实例为大家分享了js鼠标拖拽div左右滑动的具体代码,供大家参考,具体内容如下 Title body{ position: relative; margin:0; padding:0; width ...

  7. html css好看的提示框,div对话框,js+div+css实现好看的提示框效果(转)

    div对话框,js+div+css实现好看的提示框效果(转) (2012-02-18 20:46:23) 标签: html div css 杂谈 提示窗都越来越人性化了,呵呵,有的时候老板就和你要那么 ...

  8. Element 组件之 右键鼠标 自定义菜单

    参考链接: Element 组件之 右键鼠标 自定义菜单 Vue+ElementUI实现给Tab页添加鼠标右键菜单栏 Element tree组件之 自定义菜单 基于element tree组件.效果 ...

  9. JS文字过长隐藏,鼠标悬停显示

    目录 原生JS的处理办法 vue下的处理办法 原生JS的处理办法 此部分转载自链接: js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示. 以下展示最简单的办法,转载的原文还另举了一种onload ...

最新文章

  1. 数组、字符串对象、Math对象
  2. 三层架构下实现用户登陆C#
  3. python for-Python for windows官方版
  4. 通过扩展RandomAccessFile类使之具备Buffer改善I/O性能--转载
  5. Angular Universal 学习笔记
  6. 快速掌握 JavaScript 库必备的 5 大技巧!
  7. Wannafly挑战赛19:C. 多彩的树(状压+容斥)
  8. Eclipse注释快捷键、如何生成API以及可能遇到的问题解决
  9. Socket编程--TCP粘包问题
  10. android studio | openGL es 3.0增强现实(AR)开发 (2) .so文件的应用和理解
  11. 配置核查保密检查等保工具箱态势感知
  12. iOS开发——AVPlayer自定义播放器(持续更新,学习中)
  13. 关于print spooler无法启动
  14. php人脸识别代码,PHP实现人脸识别技术
  15. 百科人物爬虫-属性解析
  16. 网站排名不好的解决方法
  17. windows 7编辑启动菜单 bcdedit linux,bcdedit用法详解 windows7/vista启动修改
  18. 11 如何成为可转债的交易好手
  19. Flutter -- Element生命周期
  20. 自动化测试实施的前提条件

热门文章

  1. STM32CubeMX与HAL库学习--基本定时器定时中断
  2. Arduino UNO 单片机 读RFID RC522卡号发送Json数据
  3. springdatajpa 中get××方法与find××方法的区别
  4. 广州计算机操作员培训,计算机操作员中级培训内容
  5. Java if语句错误: ‘;‘ expected
  6. Java微信开发-微信java开发接入平台实例
  7. 拨号上网变成WiFi热点
  8. Htc G10 2.3降级刷机方法
  9. 软件测试工程师移民加拿大_无证移民,未受过软件工程师的教育(第1部分)
  10. 求助一个关于顶帖机的思路