js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况

<script>
$(".guanzhu").hover(function(){$(".weixinTop").show();},function(){$(".weixinTop").hide();});
</script>

js代码如上：

最终发现：

class="weixinTop" 的div，把class="guanzhu"所在的层遮住了，导致类似鼠标移出的效果，移出之后，weixinTop隐藏，又相当于移入guanzhu，weixinTop显示。如此反复。

解决方法：

把class="weixinTop" 的div位置调整一下

转载于:https://www.cnblogs.com/MY0101/p/6373392.html

js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况相关推荐

JS：鼠标移入移出事件监听
<!DOCTYPE html> <html lang="en" dir="ltr"><head><meta chars ...
html鼠标移入移除事件,js鼠标移入移出事件样例
javaScript实例 li{background-color:#eee;height:25px;margin-top:2px;} //添加鼠标移入移出事件 function fun(){ //获取 ...
jq鼠标移入移出显示和隐藏_jQuery实现鼠标移入移出事件切换功能示例
这篇文章主要介绍了jQuery实现鼠标移入移出事件切换功能,结合实例形式分析了jQuery不同版本处理鼠标事件响应与触发相关操作技巧,需要的朋友可以参考下. jQuery实现鼠标移入移出事件切换功能 ...
鼠标移入移出事件，mouseover、mouseenter区别
简单介绍: js中有两组鼠标移入移出事件:(旧的)mouseover.mouseout与(新的)mouseenter.mouseleave,不建议混着使用. 两者的区别是,新的鼠标移入移出事件,去掉了 ...
vue按钮移上去显示提示_vue 鼠标移入移出事件（移入出现按钮），element-ui表格移入移出...
效果图: 注:@mouseenter="enter(index)" @mouseleave="leave()" 重点下载删除 data() { retu ...
web前端开发第二阶段——鼠标移入移出事件
鼠标移入/移出事件 : 鼠标移入 :onmouseenter 鼠标移出 : onmouseleave <!DOCTYPE html> <html> <head>&l ...
JavaScript事件委托之鼠标移入移出事件
鼠标移入移出事件 <div class="parent">父元素<div class="child">子元素</div>&l ...
原生JS鼠标移入移出事件
开发工具与关键技术:DW JavaScript 撰写时间:2019年2月15日在css中可以用伪类hover来实现鼠标的移入移出效果,而在JS中也可以用鼠标移入onmouseover事件和鼠标移出o ...
vue中鼠标移入移出事件种类以及区别
1.@mouseover与@mouseout 鼠标经过时自身触发事件,其子元素同时也触发该事件. 父亲有的东西,儿子也有 ,支持冒泡. 适用于鼠标移入移出时子元素也会执行事件的场景,或者单一标签. 2 ...

js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况

js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况相关推荐

最新文章

热门文章