jquery+layer.tips实现鼠标滑入滑出显示或关闭

JQuery 1292 0 2022-01-26

jquery+layer.tips实现鼠标滑入滑出显示或关闭

layer tips显示关闭,代码台下:


var index_tips;
	$('#mobile-web').hover(function(){
		index_tips=layer.tips('你好!哈喽吧 ^_^', '#id', { tips: [1, '#FFFFFF'], time:0 });
	},function(){
		layer.close(index_tips);
	});



延伸阅读:

jquery事件一 ---鼠标移入移出

比较一下几个jquery事件的区别

mouseover() 鼠标进入(进入子元素也触发)

mouseout() 鼠标离开(离开子元素也触发)

mouseenter() 鼠标进入(进入子元素不触发)

mouseleave() 鼠标离开(离开子元素不触发)

hover() 同时为mouseenter和mouseleave事件指定处理函数


用一个有背景的盒子为例子,加上margin-top的动画效果,使鼠标放在盒子上时,让margin-top的值变化而看到盒子上下移动;加上子盒子son后,观察鼠标移入移出小盒子中时的变化;以及解决方案:加入stop()的作用

上一篇:jquery.qrcode生成二维码,支持中文

下一篇:jquery获取实时滚动条高度(可用于显示/隐藏/固定div动作)

讨论数量:0

请先登录再发表讨论。 2024-04-19

天涯网魂
3 杠 5 星
TA 的文章
TA 的随言
TA 的资源链