今天做了一个鼠标划入划出的功能,具体要求是这样的:当鼠标划入时,弹出一个窗口。划出时这个窗口消失。其实没有什么好些的,下面贴出代码:
$("#file").mouseenter(function(){ do_something(); }).mouseout(function(){ do_otherthing(); });
这没有什么好些的。当时用ide做的,ide对他做的自动格式化很难看,显得代码很臃肿。怎么办呢。看到网上有个hover的方法:
$("#file").hover(function(){ do_something(); },function(){ do_otherthing(); });
虽然功能上,和代码量上没有多少差别,但是觉得hover比上面的两个实现简单多了。
相关推荐
千锋Web前端教程_33_hover鼠标划入效果
jquery hover图标导航鼠标划过图标背景滑动切换效果
jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示
jquery hover 延时 鼠标,常用于鼠标放在一张图片上,过一段时间才触发事件
演示效果请查看阿里云首页,大图轮播下面的<安全、稳定的云计算基础服务>,四个模块的左右切换效果.(弹性计算,数据库,存储与cdn及云盾) 或去本人的网站上面,(http://snail.blue) 的成功案例中查看客户的演示地址.
鼠标划上图片hover变换效果源码免费下载
鼠标经过事件Tab-hover鼠标经过事件Tab-hover
鼠标悬停hover样式,简洁漂亮的css3鼠标悬停鼠标悬停hover样式边框和爱心点赞特效
jquery hover鼠标悬停到图文列表时滑动图片切换
jquery hover鼠标悬停遮罩显示
jquery hover鼠标悬停向下滑动导航菜单效果代码 jquery hover鼠标悬停向下滑动导航菜单效果代码 jquery hover鼠标悬停向下滑动导航菜单效果代码
7款CSS3鼠标hover悬停动画特效代码,非常不错的CSS动画特效,7种鼠标hover特效很炫 喜欢的可以改造下自己喜欢的hover特效。
NULL 博文链接:https://xjwolaile.iteye.com/blog/1906805
素材简介:鼠标hover图片css3动画特效是一款在鼠标hover图片的时候,使用transition和transform来制作图片说明文本和图标的CSS3动画特效。
jquery hover事件鼠标悬停九宫格图片高亮显示代码
jquery hover鼠标滑过图片列表上下滚动显示图片详细内容 jquery hover鼠标滑过图片列表上下滚动显示图片详细内容 jquery hover鼠标滑过图片列表上下滚动显示图片详细内容
jquery hover鼠标悬停两张图片滑动显示对应的标题切换 jquery hover鼠标悬停两张图片滑动显示对应的标题切换 jquery hover鼠标悬停两张图片滑动显示对应的标题切换
7种CSS3鼠标hover图片效果是一款基于magic.css来实现,可以制作出非常漂亮的鼠标hover图片效果。
这是一款CSS3鼠标hover图片光芒四射动画特效。该特效中,当鼠标Hover图片的时候,通过对伪元素添加渐变和clip-path,来制作光芒四射的效果,非常炫酷。
这是一款CSS3鼠标hover背景图片缩放动画效果。该特效是在鼠标hover背景图片时,将背景图片平滑放大。鼠标离开时,背景图片恢复为原来的大小。