整理查找的鼠标悬浮移入移出事件

鼠标的移入移出事件:

一介绍
鼠标的移入和移出事件分别是onmouseover和onmousemove事件。
其中，onmouseover事件在鼠标移动到对象上方时触发事件处理程序，onmousemove事件在鼠标移出对象上方时触发事件处理程序。
可以用这两个事件在指定的对象上移动鼠标时，实现对象的动态效果。

我们可以对选择鼠标指针浮动在其上的元素，并设置其样式：

 .box:hover{background-color: red;}

鼠标悬浮的样式属性:

1、default 默认光标(通常是一个箭头)

2、auto 默认。浏览器设置的光标。

3、crosshair光标呈现为十字线。

4、pointer 光标呈现为指示链接的指针(-只手)

5、move 此光标指示某对象可被移动。

6、e-resize 此光标指示矩形框的边缘可被向右(东)移动。

7、ne-resize此光标指示矩形框的边缘可被向上及向右移动(北东)。

8、nw-resize此光标指示矩形框的边缘可被向上及向左移动(北西)。

9、n-resize 此光标指示矩形框的边缘可被向上(北)移动。

10、se-resize此光标指示矩形框的边缘可被向下及向右移动(南东)。

11、sw-resize此光标指示矩形框的边缘可被向下及向左移动(南西)。

12、s-resize 此光标指示矩形框的边缘可被向下移动(北西)。

13、w-resize 此光标指示矩形框的边缘可被向左移动(西)。

14、text 此光标指示文本。

15、wait 此光标指示程序正忙(通常是一只表或沙漏)。

16、help 此光标指示可用的帮助(通常是一个问号或-个气球)。

//鼠标移入事件box.onmouseover = function(){cont.style.display = "block";};//鼠标移出事件box.onmouseout = function(){cont.style.display = "none";};

 mouseover:function (selectedObj) {var data = selectedObj.data('block-data');parent.closeClass(data.seriesId);$("#mouseoverDiv").show();},mouseout:function (selectedObj) {var data = selectedObj.data('block-data');console.log(data.seriesId);$("#mouseoverDiv").hide();}

鼠标移入（移出）事件，给他引入id。

("获取的ID").鼠标移入事件=function（）{

//需要当鼠标移入时需要显示的东西

}

下面是反过来的

("获取的ID").鼠标移出事件=function（）{

//需要当鼠标移出时需要的操作

}

整理查找的鼠标悬浮移入移出事件相关推荐

Jquery鼠标hover移入移出事件
鼠标放在元素上移入移出. $(function() {$(".top_weixin").hover(function() {$(".topWeixinPic") ...
js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况
<script> $(".guanzhu").hover(function(){$(".weixinTop").show();},function( ...
vue按钮移上去显示提示_vue 鼠标移入移出事件（移入出现按钮），element-ui表格移入移出...
效果图: 注:@mouseenter="enter(index)" @mouseleave="leave()" 重点下载删除 data() { retu ...
html鼠标移入移除事件,js鼠标移入移出事件样例
javaScript实例 li{background-color:#eee;height:25px;margin-top:2px;} //添加鼠标移入移出事件 function fun(){ //获取 ...
原生JS鼠标移入移出事件
开发工具与关键技术:DW JavaScript 撰写时间:2019年2月15日在css中可以用伪类hover来实现鼠标的移入移出效果,而在JS中也可以用鼠标移入onmouseover事件和鼠标移出o ...
jq鼠标移入移出显示和隐藏_jQuery实现鼠标移入移出事件切换功能示例
这篇文章主要介绍了jQuery实现鼠标移入移出事件切换功能,结合实例形式分析了jQuery不同版本处理鼠标事件响应与触发相关操作技巧,需要的朋友可以参考下. jQuery实现鼠标移入移出事件切换功能 ...
vue鼠标移入移出事件注意事项
发生冒泡事件今天在写一个鼠标的移入移出的事件,使用mouseout和mouseover期间,踩了一个大坑,经过半天的排查,终于发现是发生了冒泡事件. 把mouseout和mouseover绑在父元素 ...
鼠标移入移出事件，mouseover、mouseenter区别
简单介绍: js中有两组鼠标移入移出事件:(旧的)mouseover.mouseout与(新的)mouseenter.mouseleave,不建议混着使用. 两者的区别是,新的鼠标移入移出事件,去掉了 ...
DOM鼠标移入移出事件
1.支持冒泡的移入移出事件(子元素可继承) (1)鼠标移入:onmouseover (2)鼠标移出:onmouseout 2.不支持冒泡的移入移出事件(子元素不可继承) (1)鼠标移入:onmouse ...

整理查找的鼠标悬浮移入移出事件

整理查找的鼠标悬浮移入移出事件相关推荐

最新文章

热门文章