`

关于Jquery的鼠标悬停事件

 
阅读更多
1.悬停事件:是指当鼠标移动到上面的时候,触发一个事件,当鼠标移出的时候触发另一个事件。效果图见附件
JS代码:
$(function(){
Hover("tableTest")//调用方法
})
var Hover=function(id){
  $("#"+id).find("tr").hover(function(){
     $(this).css({"backgruond-color","pink"});//当鼠标移进的时候触发事件A
  },function(){
     $(this).css({"backgruond-color",""});//当鼠标移出的时候触发事件B
  })
}
分享到:
评论

相关推荐

    jQuery鼠标悬停图片震动特效.zip

    《jQuery鼠标悬停图片震动特效》 在网页设计中,动态效果往往能吸引用户的注意力,提升用户体验。"jQuery鼠标悬停图片震动特效"就是这样一种巧妙的技术应用,它结合了CSS3的圆角样式和jQuery库,实现了当鼠标悬停在...

    jquery鼠标悬停放大图片

    最后,我们使用jQuery(在`js/script.js`中)编写JavaScript代码来监听鼠标悬停事件: ```javascript $(document).ready(function() { $('#normal-img').hover( function() { $('#large-img').stop().fadeTo(500...

    jquery鼠标悬停图片标题滑动

    "jquery鼠标悬停图片标题滑动"是一个常见的jQuery应用场景,主要用于提升用户体验,当用户将鼠标悬停在图片上时,图片的标题会以平滑的方式展示出来。这种效果可以增加网站的视觉吸引力,同时也能有效地呈现图片信息...

    jquery鼠标悬停滑动下拉导航菜单效果.zip

    "jQuery鼠标悬停滑动下拉导航菜单效果"是一个常见的网页交互设计技术,广泛应用于企业网站和商城网站,以提升用户体验。这个效果通过结合JavaScript库jQuery实现,使得当用户将鼠标悬停在菜单项上时,会滑动展示下...

    jquery鼠标悬停图片移动效果

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

    jquery鼠标悬停 图片预览功能的效果下载

    然后,使用`.hover()`方法绑定鼠标悬停事件。例如: ```javascript $('.thumbnail').hover(function() { // 鼠标进入时的操作 }, function() { // 鼠标离开时的操作 }); ``` 2. **创建预览元素**: 在HTML...

    jQuery鼠标悬停横向大图展示特效.zip

    总结来说,jQuery鼠标悬停横向大图展示特效是一种利用jQuery和CSS实现的交互式图片展示技术,通过鼠标悬停或点击事件触发图片的动态切换,提升了网页的互动性和视觉体验。这一技术对于网页设计师和开发者来说,是...

    jquery鼠标悬停动画效果

    本教程将深入讲解如何使用jQuery来创建一个鼠标悬停时的动画效果,具体表现为当鼠标移到图片上方时,小图片会缓缓向上移动并最终静止。 首先,我们需要在HTML文件中引入jQuery库。这可以通过在头部添加CDN链接或者...

    jquery鼠标悬停滑动切换特效

    "jquery鼠标悬停滑动切换特效"是一个利用jQuery实现的功能,它允许用户在鼠标悬停时,页面上的元素如图片、内容区块等能够平滑地切换显示,提供一种动态且吸引人的视觉效果。这种效果通常用于展示产品系列、图片轮播...

    jQuery鼠标悬停图片位置切换效果

    任意鼠标悬停在四周的一个图片上,当前图片立即与中间的图片交换位置 注意:图片交换过程中,即动画执行过程中,鼠标再次悬停在别的图片位置上的时候,动画不会被执行 使用方法: 1、将css样式引入到你...

    【Jquery经典特效24】jQuery鼠标悬停向上滑出遮罩效果

    然后,我们使用jQuery编写JavaScript代码来监听鼠标悬停事件,并控制遮罩层的显示与隐藏。在`$(document).ready`函数内,设置事件监听器: ```javascript $(document).ready(function() { $('.target-element')....

    jQuery鼠标悬停手风琴滑动切换特效

    在"jQuery鼠标悬停手风琴滑动切换特效"中,jQuery的主要作用是监听鼠标的悬停事件,并执行相应的滑动切换动画。 一、HTML结构 `index.html`文件通常包含了页面的基本元素和结构。对于手风琴特效,我们需要创建一个...

    jQuery鼠标悬停在图片上效果,鼠标悬停后出现遮罩效果,并淡入出现文字,兼容主流浏览器

    在本文中,我们将深入探讨如何使用jQuery实现一个鼠标悬停图片时出现遮罩效果,并淡入显示文字的功能,同时确保该功能在主流浏览器中具有良好的兼容性。jQuery是一款广泛使用的JavaScript库,它简化了DOM操作、事件...

    jquery鼠标悬停动态显示按钮效果

    总结来说,利用jQuery的事件监听和DOM操作功能,我们可以轻松地实现在鼠标悬停时动态显示按钮的效果。这不仅可以提高用户界面的交互性,还能为用户提供更直观的操作提示。在实际项目中,可以根据具体需求进行调整和...

    jQuery鼠标悬停图片变色放大显示效果.rar

    "jQuery鼠标悬停图片变色放大显示效果" 是一种常见的交互式设计技术,它利用jQuery库来实现当用户将鼠标悬停在图片上时,图片会变色并放大显示,从而吸引用户的注意力,提供更丰富的视觉体验。下面我们将深入探讨这...

    jquery鼠标悬停动态显示提示文字或者图片

    以上就是一个简单的jQuery鼠标悬停动态显示提示文字或图片的实现。根据实际需求,你可能需要调整样式、动画效果,或者扩展功能,例如支持更复杂的提示内容、自定义动画等。通过深入学习jQuery和其他前端技术,你可以...

    jquery鼠标悬停遮罩图文切换效果

    3. **jQuery代码**:绑定鼠标悬停事件,实现图文切换。在鼠标进入时显示遮罩层并切换文字内容,离开时隐藏遮罩层。 ```javascript $(document).ready(function() { $('.item').on('mouseenter', function() { $...

    jQuery鼠标悬停文字提示插件.zip

    在这个“jQuery鼠标悬停文字提示插件.zip”中,我们关注的是一个名为“jquery.mytooltip”的插件,它专门用于实现鼠标悬停时的文字提示功能。 首先,让我们深入理解这个插件的核心功能。jQuery.mytooltip插件允许...

    91、Jquery鼠标悬停css3发光效果特效

    "91、Jquery鼠标悬停css3发光效果特效"是一个典型的案例,它利用jQuery库和CSS3技术,为网页元素添加了当鼠标悬停时产生发光效果的特效。接下来,我们将详细讲解如何实现这一效果。 **一、jQuery库的引入** 首先,...

Global site tag (gtag.js) - Google Analytics