jQuery hover事件更改元素的css样式

 代码如下 复制代码

$(document).ready(function() {
   $ (".about_main li").hover(function(){
       $(this).addClass('hover');
  },function(){
      $(this).removeClass('hover');
 });
});

<ul class="about_main">
<li><a href="about.php?id=2&lang=cn">公司介绍</a></li>
<li><a href="about.php?id=3&lang=cn">有机认证</a></li>
<li><a href="about.php?id=4&lang=cn">奖项及嘉许</a></li>
<li><a href="about.php?id=6&lang=cn">相册集锦</a></li>
<li><a href="about.php?id=8&lang=cn">联系我们</a></li>
<li><a href="about.php?id=5&lang=cn">活动和展览</a></li>
</ul>
时间： 2024-10-21 15:10:58

jQuery hover事件更改元素的css样式的相关文章

使用jquery hover事件实现表格的隔行换色功能示例_jquery

jQuery hover事件 hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种"保持在其中"的状态. 当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是否仍然处在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持"悬停"状态,而不触发移出事件(修正了使用mouseout事件的一个常

html-如何修改iframe里面元素的css样式，不跨域

问题描述 如何修改iframe里面元素的css样式,不跨域 请教一下,如何修改iframe里面元素的css样式,不跨域. 我现在iframe里面加载了一个html文件,html里面的内容无法修改,是其他程序生成的. 但是里面的图片无法显示,现在需要把iframe里面的html的所有图片全部隐藏起来,应该如何实现呢?方法能兼容IE所有浏览器.谢谢 解决方案 给iframe添加onload事件,然后遍历所有img隐藏起来,注意file浏览时不用用webkit核心浏览器,如chrome和360急速模式

jQuery hover事件简单实现同时绑定2个方法_jquery

本文实例讲述了jQuery hover事件简单实现同时绑定2个方法.分享给大家供大家参考,具体如下: 这里将hover事件同时挂2个方法: 1个是悬停的时候执行的,另外一个是离开的时候执行 代码如下: $(document).ready(function() { $("#orderedlist li").hover( function() {$(this).addClass("blue");}, function() {$(this).removeClass(&qu

jquery二级目录选中当前页的css样式_jquery

如下所示: <div class="navlist clear"> <span><a href="/M/Page_32.html" title="内科" >内科</a></span> <span><a href="/M/Page_35.html" title="外科" >外科</a></span> &

JQuery操作元素的css样式

 我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元 素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能, 虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句 话 – "jQuery让JavaScript代码变得简洁!" 1. addClass() – 添加CSS类   代码如下: $("#target")

JQuery操作元素的css样式_jquery

我们常常要使用Javascript来改变页面元素的样式.其中一种办法是改变页面元 素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的:而jQuery里提供三种方法来实现这个功能, 虽然它们和传统方法的思想相通,但是却节省了许多代码.还是那句 话 – "jQuery让JavaScript代码变得简洁!" 1. addClass() – 添加CSS类 复制代码 代码如下: $("#target"

jQuery中hover事件使用方法详解

hover(over,out)一个模仿悬停事件(鼠标移动到一个对象上面及移出这个对象)的方法.这是一个自定义的方法,它为频繁使用的任务提供了一种"保持在其中"的状态.当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数.当鼠标移出这个元素时,会触发指定的第二个函数.而且,会伴随着对鼠标是否仍然处 在特定元素中的检测(例如,处在div中的图像),如果是,则会继续保持"悬停"状态,而不触发移出事件(修正了使用mouseout事件的一个常见错 误). 参数 : ove

jQuery使用之设置元素样式用法实例_jquery

本文实例讲述了jQuery使用之设置元素样式用法.分享给大家供大家参考.具体分析如下: css是页面不能分隔的部分,jQuery中也提供了一些css相关的实用的办法.前面文章中有使用过 addClass()为元素添加css样式风格.这里主要介绍jQuery如何设置页面的样式风格.包括添加.删除.动态切换等. 1. 添加.删除css类别. 复制代码 代码如下: $(function() {     //同时添加多个CSS类别     $("img").addClass("css

jquery中取消和绑定hover事件的实现代码_jquery

在网页设计中,我们经常使用jquery去响应鼠标的hover事件,和mouseover和mouseout事件有相同的效果,但是这其中其中如何使用bind去绑定hover方法呢?如何用unbind取消绑定的事件呢? 一.如何绑定hover事件 先看以下代码,假设我们给a标签绑定一个click和hover事件: $(document).ready(function(){ $('a').bind({ hover: function(e) { // Hover event handler alert("