`
wangyan2009
  • 浏览: 25932 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

div位置随鼠标移动

    博客分类:
  • css
阅读更多
function showdiv(date,errors,obj){
var event = getEvent();
color = obj.bgColor;//alert(color);
obj.bgColor="#FFFFFF";
$("#div").attr("class","divshow");
if (navigator.appName=='Microsoft Internet Explorer') {
  x = event.x;
  y = event.y;
  }else if (navigator.appName=='Netscape') {
  x = event.pageX;
  y = event.pageY;
}
document.getElementById("div").style.left=x+"px";
document.getElementById("div").style.top=y+document.body.scrollTop-40+"px";
$("#div").html("date:"+date+"<br></br>errors:"+errors);
}
function getEvent() // 同时兼容ie和firefox的写法

if(document.all) return window.event; 
func=getEvent.caller; 
while(func!=null){ 
var arg0=func.arguments[0];
if(arg0)
{
if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))

return arg0;
}
}
func=func.caller;
}
return null;
}
分享到:
评论

相关推荐

    鼠标移动到div上显示制定信息或者div(自适应显示位置)

    在网页设计中,有时我们需要实现一个功能:当用户将鼠标悬停在某个div元素上时,显示特定的信息或另一个div。这个功能可以增强用户体验,帮助用户更好地理解和操作页面。本教程将详细介绍如何实现这一功能,并确保...

    div随鼠标移动.html

    div随鼠标自由移动,代码简单,移动流畅,兼容ie、firefox、chrome等主流浏览器。

    div内图片随鼠标移动简单

    在div内,图片随着鼠标的移动而移动的一个简单事例。。

    js移动层和跟随鼠标的div

    这个脚本会在每次鼠标移动时调整div的位置,使得div的中心与鼠标坐标对齐,并确保div不会超出浏览器视口。 此外,为了使效果更加平滑,可以考虑使用CSS的`transition`属性,让div的位置变化带有动画效果: ```css ...

    JavaScript获取鼠标位置和鼠标与div的相对位置

    要监听鼠标移动事件,可以为document对象添加`mousemove`事件监听器。当鼠标移动时,事件处理函数会被调用,传入一个事件对象。通过这个事件对象,我们可以获取鼠标的当前位置: ```javascript document....

    CSS3实现鼠标移动到DIV上高亮显示特效

    本示例中,我们将探讨如何利用CSS3来实现一个动态特效:当鼠标悬停在DIV元素上时,特定部分高亮显示,而其余部分则变灰暗。这个效果可以增强用户界面的互动性和吸引力,帮助用户更好地聚焦于关键信息。 首先,我们...

    div在固定区域跟随鼠标移动

    div在固定区域跟随鼠标移动,上传的html文件,里边有简单的代码,通俗易懂。

    JS实现鼠标拖动div移动(附效果演示).zip

    这可以通过`removeEventListener`方法实现,确保用户松开鼠标后,`div`不再随鼠标移动。 以下是一个简化的代码示例: ```javascript let div = document.querySelector('div'); let isDragging = false; let ...

    jQuery实现div跟随鼠标移动

    结合初始位置和鼠标移动后的位置,我们可以计算出div应该移动到的位置。在jQuery中,可以通过修改div的`left`和`top`样式属性来移动div。例如: ```javascript $(".aa").css("left", endx + "px").css("top", endy ...

    js鼠标浮动显示div

    在本案例中,"js鼠标浮动显示div"指的是当鼠标移动到特定的input元素上时,会显示出一个div层,该div层中包含有与input相关的附加信息或者功能。 首先,我们需要了解几个关键的概念: 1. **事件监听器**:...

    JQurey鼠标移动到目标上弹出DIV展示相片效果

    本教程将详细讲解如何利用jQuery实现一个功能:当鼠标移动到目标元素上时,弹出一个DIV(层)来展示相关的图片效果。 首先,我们需要在HTML文档中设置基础结构。在`jq页面中弹出DIV.html`这个文件中,我们可以看到...

    根据鼠标位置弹出div

    标题“根据鼠标位置弹出div”涉及到的是网页交互设计中的一个常见需求,即在用户将鼠标移动到特定位置时,动态显示一个div元素,通常用于提示信息、下拉菜单或其他功能模块。这个功能主要通过JavaScript或者jQuery等...

    css3让div随鼠标移动而抖动起来

    一些背景图片随着鼠标的移动的反向的移动,感觉跟不错,下面为大家介绍喜爱使用css3让div随鼠标移动而抖动起来,感兴趣的朋友可以参考下

    js 鼠标位置 div拖拽

    通过结合这些技术,我们可以创建出用户友好的交互界面,让div元素能够跟随用户的鼠标移动,提升用户体验。在实际开发中,还要注意代码的可维护性和浏览器兼容性,以确保功能在各种环境下都能正常工作。

    鼠标移到DIV上特效

    在网页设计中,"鼠标移到DIV上特效"是一种常见的交互设计技术,用于增强用户体验。它主要涉及JavaScript(JS)、HTML和CSS这三种核心技术。本文将详细介绍如何实现这一效果,并通过实例解析来帮助理解。 首先,HTML...

    div移动块(用于web上的小移动栏)

    当鼠标移动时,更新div的位置;当鼠标释放时,停止更新。通过这种方式,实现了div的拖动效果。 为了使div移动更平滑,通常会使用CSS的`position`属性设置为`absolute`或`fixed`,这样div可以脱离正常的文档流,根据...

    鼠标移动位置数值的实时显示

    在IT领域,尤其是在网页开发和交互设计中,实时显示鼠标移动位置是一项常见的需求。这个功能可以帮助用户更好地理解和操作界面,特别是在需要精确控制元素位置或进行游戏等应用时。标题"鼠标移动位置数值的实时显示...

    鼠标移动到DIV上改变其背景色JS和CSS两种方法

    本主题将探讨如何使用JavaScript和CSS来实现当鼠标移动到一个`&lt;div&gt;`元素上时改变其背景色的效果。 首先,我们来讨论CSS的方法。CSS(Cascading Style Sheets)是用于描述HTML或XML(包括如SVG、MathML等各种XML...

Global site tag (gtag.js) - Google Analytics