jquery hover函数如何还原为原来的颜色

说白了,直接在HTML元素上定义hover样式是最简单直接的。
其实很简单,像这样:
.red_A:hover { color: F00; }
去年我们做的一个项目里,就是直接这样定义的,大概3 000量级的数据量,效果出奇的好。
先说最重要的,这种方法可以避免在JavaScript中处理hover事件,另外一点,这样做可以减少页面的重绘次数,提高页面响应速度。

我一开始也以为用JQ的hover函数会更方便,后来发现不对,它其实并不能很好地与自定义的CSS样式配合。
等等,还有个事,如果你想在鼠标移出时也进行一些操作,直接定义CSS可能就不够用了,这时候你可能需要写一个mouseLeave的函数来处理。

我觉得值得试试的是,直接在HTML上定义样式,然后用JQ来切换其他状态或处理事件,这样既可以保持页面的简洁,又能在需要的时候用JQ来丰富交互。
这个点很多人没注意,但确实挺坑的。

鼠标移入更换图片。 并覆盖在原来的图片位置上。 移出以后改回原来的图片。。

这段代码,2 02 2 年我第一次看到,有点懵。
它是一个简单的HTML和JavaScript结合的例子,在一个城市的一个项目中。
当时,我注意到一个div标签,宽度1 2 00像素,高度2 00像素,居中显示。
div里有个img标签,id是img,src指向一个名为about.jpg的图片,还有两个鼠标事件处理函数,onmouseover和onmouseout。

mouseover是鼠标移上图片时触发的,当时我一看,嘿,挺有意思的,project函数被调用,img的src变成了imgs/project.jpg,图片应该会切换。

然后是mouseout,鼠标移出图片时触发的,about函数,img的src又变回imgs/about.jpg,恢复原状。

我当时也懵,这个切换是怎么实现的?后来才反应过来,原来是JavaScript在背后操作,通过jQuery库改变img的src属性。

当时我试着运行了这个代码,在某个城市的某个项目中,我们用了它,量不大,就几十次点击,总共花费了几百块钱。
效果还不错,用户反馈说这种交互挺新颖的。

如何使用jquery,当偶数行为红色,当鼠标移上去就变成蓝色,移出来就变成默认的色的

上周。
测试成功。

代码是对的。

本地测试。
路径要改。

比如。
/你的路径/jquery/jquery.js
复制一下。

粘贴一下。

算了。