将 Javascript 功能插入到小部件插件中答案

【问题标题】：Insert a Javascript feature into a widget plugin将 Javascript 功能插入到小部件插件中
【发布时间】：2017-05-30 15:15:16
【问题描述】：

我想插入以下 javascript

onmouseout="this.style.opacity=1" onMouseOver="this.style.cursor='pointer'; this.style.opacity=0.80"

在 wordpress 的小部件插件中，为了使鼠标悬停时缩略图颜色发生变化...

我应该在哪里插入上面的代码以使其正常运行？

我尝试了很多次，但它总是返回错误，停用插件。

【问题讨论】：

您可以通过 css 轻松获得类似的效果。不需要有JS。 img：悬停{光标：指针；不透明度：0.8}
好主意，谢谢。如果我想通过 css 将此功能限制为仅发布特色图片怎么办？我的意思是我这样称呼的那个：
特色图片在帖子中是否具有一致的 HTML ID 或类别？
不确定您的确切意思，但不，不应该。
@DanielleFiorucci 是的，您只能定位到确切的类，即 img.wp-post-image{you css here} ，如果您的主题没有剥离该类，则 wp 将该类分配给几乎任何缩略图。或者您可以添加自己的类，然后使用它来定位。

【解决方案1】：

当您尝试对鼠标悬停时的图像应用不透明度时。您可以通过 CSS 简单地应用它。

那是在你的样式表样式中添加。 WordPress 默认将 wp-post-image 类添加到缩略图中，因此您可以使用该类进行定位，也可以添加自己的自定义类并将此样式定位到该类：

img.wp-post-image:hover{cursor:pointer;opacity:0.8}

【讨论】：