当您在Google搜索页面上查看结果时,当您将鼠标悬停在每个结果的链接或链接描述上时,您可以看到Google加一个按钮动画.
我正在搜索互联网,但无法找到任何教程如何在图像或元素上实现这种效果.
使用jquery的教程的任何建议或链接?
提前致谢.
我想知道怎么做这样的事情.
我有这样的事情:
<ul>
<li><a href="1.html">first item</a></li>
<li><a href="2.html">second item</a></li>
<li><a href="3.html">third item</a></li>
<li><a href="4.html">fourth item</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我需要addClass来悬停一个元素,这很容易我这样做:
$("li a").hover(
function () {
$(this).addClass("show");
},
function () {
$(this).removeClass("show");
}
);
Run Code Online (Sandbox Code Playgroud)
但是,我还需要将addClass添加到每个下一个li元素.
所以,当例如第一立一个 eleemnt悬停类show2将被添加到立一个第二立一个元件的.
这该怎么做?