`
ldl_xz
  • 浏览: 68997 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery实现hover图片半透明效果

 
阅读更多

hover时实现此透明,只需以下代码:

$(document).ready(function(){
     $("img").hover(function(){
      $(this).fadeTo("fast",0.7)
      },function(){
      $(this).fadeTo("fast",1)  
      })
    })

转载自:http://www.9958.pw/post/jquery_hover_img

分享到:
评论

相关推荐

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

    本篇文章将详细讲解如何利用jQuery实现一个特定的效果:当鼠标滑过图片时,图片上的半透明标题文字会滑动显示或隐藏。这个效果常见于网页设计中,可以增加用户的交互体验。 首先,我们需要理解jQuery中的`hover`...

    jquery hover图片滑动.zip

    总结起来,jQuery Hover图片滑动效果是通过结合jQuery的hover事件、CSS3的过渡效果以及JavaScript的动画函数实现的。这个效果可以提升网页的交互性和用户体验,是前端开发中一个实用且常见的技巧。希望本文的讲解对...

    jquery hover图片遮罩层滑动.zip

    "jquery hover图片遮罩层滑动"是利用jQuery实现的一个功能,通常用于增强用户体验,特别是当用户将鼠标悬停在图片上时,会显示一个遮罩层并伴随滑动效果。这个功能在电商网站、产品展示页面等场合非常常见,能够吸引...

    jQuery原生半透明导航下拉效果

    在本文中,我们将深入探讨如何使用jQuery实现一个具有半透明特性的原生导航下拉效果。这个效果在现代网页设计中非常流行,因为它为用户提供了一种直观且吸引人的交互方式。我们将从基础概念开始,逐步讲解如何配置...

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

    遮罩通常是一个半透明的div,用于覆盖图片并提供背景暗化效果,而提示层可以包含额外信息或描述。 创建一个CSS类来定义遮罩和提示层的样式。例如: ```css /* 遮罩层 */ .mask { position: absolute; top: 0; ...

    jquery 相交半透明圆形

    本教程将深入讲解如何利用jQuery实现相交的半透明圆形,以及如何创建动态的“半透明泡泡”效果。 首先,我们需要理解jQuery的基本用法。jQuery对象通常以"$"开头,例如`$(document).ready()`表示文档加载完成后执行...

    jquery-Hover遮罩层

    本文将深入探讨“jquery-Hover遮罩层”这一主题,它涉及到jQuery中的悬停事件处理(hover)以及如何实现动态的遮罩层效果。 首先,让我们了解jQuery的`hover`函数。`hover`是一个组合方法,它可以同时处理元素的`...

    jQuery实现的超酷鼠标滑过动态显示半透明内容覆盖图片效果.zip

    在本资源中,我们关注的是一个使用jQuery库实现的交互式网页效果,即当鼠标滑过图片时,会动态显示出半透明的内容覆盖层。这种效果常用于网站的相册展示、产品介绍或任何需要增强用户体验的场景,因为它能提供额外的...

    jquery鼠标悬停图片显示下拉半透明层

    总结起来,"jquery鼠标悬停图片显示下拉半透明层"是一种利用jQuery和CSS实现的交互效果,通过简单的代码即可为网站增添动态感和专业性。了解并掌握这种技术,有助于提升网站或应用的用户体验和设计质量。在实际应用...

    使用jQuery实现图片遮罩半透明坠落遮挡

    本文介绍了一种使用jQuery实现图片遮罩半透明坠落遮挡的技巧,该技术可以广泛应用于相册或图片展示类的网页中,为用户提供更为生动和吸引人的交互体验。 首先,需要了解jQuery是什么。jQuery是一个快速、小巧、功能...

    jQuery鼠标悬停半透明遮罩效果.zip

    "jQuery鼠标悬停半透明遮罩效果"就是一个这样的功能实现,它允许用户在鼠标指针悬停在某个元素上时,动态地展示一个半透明的覆盖层,为用户提供更多的信息或操作选项。这个特效的实现基于jQuery库的高效性能和简洁的...

    jquery鼠标悬停图片移动效果

    "jQuery鼠标悬停图片移动效果"是一个常见的交互式设计技术,它利用JavaScript库jQuery实现了一个独特的功能:当用户将鼠标指针悬停在图片上时,图片会在边界内自动左右滚动,同时在底部显示半透明的文字说明。...

    jquery实现的左右透明遮罩图片切换效果源码.zip

    2. **CSS样式**:透明遮罩可能通过CSS来实现,可能使用`opacity`属性创建半透明效果,同时设置合适的大小和位置,以覆盖在图片上。遮罩的交互性,如鼠标悬停时改变透明度,也可能通过CSS3的`:hover`伪类完成。 3. *...

    一款实用的jQuery鼠标悬停半透明遮罩效果.zip

    这款“一款实用的jQuery鼠标悬停半透明遮罩效果.zip”压缩包文件,显然提供了一种增强用户体验的特效,尤其适用于图片展示或者内容预览场景。 jQuery是一个广泛使用的JavaScript库,它的目标是简化网页的交互和动画...

    jQuery+CSS3实现的遮罩图片hover翻转效果源码.zip

    此外,为了实现遮罩效果,可以创建一个覆盖在图片上的半透明层(通常使用`div`元素和`position: absolute`定位)。当鼠标悬停时,可以改变遮罩层的透明度,增强翻转的视觉冲击力。 压缩包中的文件名...

    jQuery实现鼠标滑过图片上下滑动显示半透明提示信息.zip

    在本项目中,我们主要探讨如何使用jQuery库来实现一个功能:当鼠标滑过图片时,显示一个半透明的提示信息,该信息会随着鼠标的上下滑动而移动。这个功能常见于各种网页设计中,用于提供用户交互的增强体验,如显示...

    jquery+css3半透明三级导航.zip

    在本项目"jquery+css3半透明三级导航.zip"中,我们主要探讨的是如何利用jQuery、CSS3技术来实现一个具有半透明效果的三级导航菜单。这个导航菜单不仅美观,而且交互性强,能够为网站增添专业且现代的用户体验。下面...

Global site tag (gtag.js) - Google Analytics