`

hover简化鼠标划入和划出

 
阅读更多

今天做了一个鼠标划入划出的功能,具体要求是这样的:当鼠标划入时,弹出一个窗口。划出时这个窗口消失。其实没有什么好些的,下面贴出代码:

$("#file").mouseenter(function(){
	do_something();
}).mouseout(function(){
        do_otherthing();
});

 这没有什么好些的。当时用ide做的,ide对他做的自动格式化很难看,显得代码很臃肿。怎么办呢。看到网上有个hover的方法:

$("#file").hover(function(){
	do_something();
},function(){
	do_otherthing();
});

 虽然功能上,和代码量上没有多少差别,但是觉得hover比上面的两个实现简单多了。

分享到:
评论

相关推荐

    前端教程:33 hover鼠标划入效果

    千锋Web前端教程_33_hover鼠标划入效果

    jquery hover图标导航鼠标划过图标背景滑动切换效果

    总结来说,"jquery hover图标导航鼠标划过图标背景滑动切换效果"涉及到的关键技术有:jQuery的hover事件、animate方法用于创建动画、CSS样式控制(包括背景定位和响应式布局)、以及可能的CSS类名切换。通过这些技术...

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示 jquery hover事件鼠标悬停导航条浮动div层滑动高亮显示

    jquery hover 延时 鼠标

    jquery hover 延时 鼠标,常用于鼠标放在一张图片上,过一段时间才触发事件

    jQuery hover事件鼠标滑过图片半透明标题文字滑动显示隐藏-20130715

    在IT领域,jQuery是一个非常流行的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。本篇文章将详细讲解如何利用jQuery实现一个特定的效果:当鼠标滑过图片时,图片上的半透明标题文字会...

    hover鼠标划过百叶窗风格图片显示隐藏切换/jquery仿阿里云/响应式html5

    演示效果请查看阿里云首页,大图轮播下面的<安全、稳定的云计算基础服务>,四个模块的左右切换效果.(弹性计算,数据库,存储与cdn及云盾) 或去本人的网站上面,(http://snail.blue) 的成功案例中查看客户的演示地址.

    css3最新鼠标划过样式

    在CSS3中,鼠标划过样式(Hover效果)是一种常用的技术,用于改变用户将鼠标光标悬停在元素上时的视觉表现。这种效果能够增强用户界面的交互性和吸引力,常用于按钮、链接、菜单等元素。在"css3-hoverButton"这个...

    图片hover状态平滑划过过渡效果

    本文将详细解析如何实现“图片hover状态平滑划过过渡效果”,这是一个常见于网页导航菜单、产品展示等场景的视觉增强技术。 首先,我们需要理解“hover”状态,这是CSS中的一个伪类选择器,用于当鼠标指针悬停在...

    jquery hover鼠标悬停到图文列表时滑动图片切换

    总结,通过jQuery的`hover`事件和适当的图片切换策略,我们可以为用户提供一个富有互动性的图文列表,当鼠标悬停时,图片会平滑地切换,增加网页的视觉吸引力。在实际开发中,根据具体需求,还可以对这个功能进行...

    jquery hover鼠标悬停遮罩显示

    如果要在遮罩层上显示特定内容,比如一个弹出框或者图片,可以将这些内容放在另一个元素中,并在`hover`事件中调整其位置和可见性。例如,假设有一个`#popup`元素,我们可以通过改变其样式来显示: ```javascript $...

    鼠标划上图片hover变换效果源码免费下载

    "鼠标划上图片hover变换效果"是一种常见的交互设计手法,它可以使用户在鼠标悬停(hover)到图片上时,图片产生某种视觉变化,如颜色变换、大小调整或透明度改变等,从而吸引用户的注意力并增加互动感。本资源提供了...

    QTableWidget 实现鼠标划过时,整行背景颜色及字体边框的变化

    这就是如何在Qt的QTableWidget中实现鼠标划过时整行背景颜色和字体边框变化的基本步骤。这个过程涉及到对Qt事件处理机制的理解,以及对QTableWidget特性的掌握。希望这个详解能够帮助你完成你的项目。如果你需要更...

    鼠标经过事件Tab-hover

    鼠标经过事件Tab-hover鼠标经过事件Tab-hover

    纯css特效*鼠标经过放大效果、魔豆

    【纯CSS特效:鼠标经过放大效果与魔豆】 ...记住,CSS的灵活性和强大功能使得我们可以创造出各种各样的交互效果,提升网页的视觉吸引力和用户体验。不断探索和实践,你将能掌握更多的CSS特效技巧。

    按钮鼠标hover水波纹特效.zip

    在网页设计中,视觉效果是吸引用户注意力和提升用户体验的重要因素。"按钮鼠标hover水波纹特效"是一种流行且...通过理解并应用这些CSS技术,开发者可以创造出更具吸引力和互动性的网页元素,提升用户的浏览体验。

    jquery hover图片特效,鼠标滑过animate动画图片...

    jquery hover图片特效,鼠标滑过animate动画图片... jquery hover图片特效,鼠标滑过animate动画图片... jquery hover图片特效,鼠标滑过animate动画图片... jquery hover图片特效,鼠标滑过animate动画图片...

    jQuery实现鼠标划过文字左右移动

    总结来说,通过结合jQuery的事件处理和动画功能,我们可以轻松地创建出鼠标划过文字时的文字左右移动效果。这个效果不仅可以应用于单一的文字,也可以扩展到其他元素,如图片或整个布局,以增加网页的动态性和趣味性...

    jquery hover 冒泡事件制作心型图片墙鼠标悬浮图片

    hover事件是jQuery中的一个特殊事件,用于处理元素的鼠标进入(mouseenter)和离开(mouseleave)行为。它接受两个函数参数,分别对应于鼠标进入和离开时执行的函数。例如: ```javascript $("#element").hover...

    Jquery实现鼠标hover图片遮罩弹出提示层特效.

    总结起来,利用jQuery的`hover()`函数和CSS样式,我们可以轻松实现鼠标悬停图片时的遮罩弹出提示层特效。这个特效在网站中广泛应用,可以增强用户体验,为用户提供更多信息展示。通过不断实践和调整,你可以创造出更...

    7款CSS3鼠标hover悬停动画特效代码

    在网页设计中,CSS3(层叠样式表第三版)为开发者提供了丰富的视觉效果和交互体验,其中之一就是鼠标悬停(hover)时的动画特效。本文将深入探讨7款使用CSS3实现的鼠标hover悬停动画特效,以及如何通过改造这些特效...

Global site tag (gtag.js) - Google Analytics