在Wordpress中使用jQuery改变悬停元素的不透明度

Changing opacity of other element on hover, using jQuery in Wordpress

本文关键字：悬停 元素 不透明度 改变 jQuery Wordpress      更新时间：2023-09-26

我想在我的Wordpress站点上使用jQuery更改悬停上其他元素的不透明度。

下面是一个例子:http://www.casinotitan.im/(firefox给出最好的结果)

<div class="container">
<div class="example">
    <img src="example.png" alt=".." class="img-example" />
</div>
<div class="example">
    <img src="example.png" alt=".." class="img-example" />
</div>
<div class="example">
    <img src="example.png" alt=".." class="img-example" />
</div>

我还想将此脚本插入Wordpress页面(我的主页)，但是我不明白启动和运行jQuery的过程是什么。

这应该可以完成工作:

$(".example").hover(function() {
    $(".example").not($(this)).toggleClass("translucent");
});
CSS: 

.translucent {
    opacity: 0.2;
}

您可以在:http://jsfiddle.net/sUnh8/1/

看到它的作用。

查看@maxzeroedge关于如何启动和运行jQuery的评论

相关文章：