Jquery 将鼠标悬停在WordPress页面列表中的项目上会显示特色图片

客户端正在请求允许WordPress生成子页面列表的功能，当该列表中的某个项目（文本）悬停时，将显示特色图像

经过进一步研究，我发现。然而，经过审查，Petley Jones网站似乎已经对所有页面链接进行了硬编码。我可能是错的。我需要wp_列表_页面，或者可能需要使用get_页面，因为将有许多子页面由工作人员而不是一个人添加

---

我知道使用JQuery和CSS的解决方案。JQuery解决方案似乎最适合于此，但我不确定如何将其与WordPress相结合。CSS将要求每个项具有相同的类或ID，我可以实现它们，但我不确定如何在样式表中调用唯一的页面ID。任何建议都将不胜感激

您可以尝试按照以下步骤操作-

• 获取子页面时，用类名包装一个div，比如说
  ，并在其中放置子页面名称的php代码
• 在子页面代码下面的这个div中，添加另一个div，该div带有一个类，比如说
  ，并在其中放置代码，以获取特定页面的功能图像
• 在主题的样式表中添加一些css-

.child\u page\u Img{display:none；}
.child\u页面：悬停.child\u页面\u Img{display:block；}

• 由于ie6不允许将鼠标悬停在除

  a

  元素之外的任何元素上，因此您所能做的就是将

  child\u page\u Img

  div放置在子页面permalink的

  a

  元素中

这个把戏应该管用。

---

谢谢

请别忘了告诉我们你对我的建议是成功还是失败。这非常有效。因为我有多个子页面，所以我不确定它是否有效，但它确实有效。感谢您抽出时间回复。如果真的有效，您可以尝试接受答案：）并可能投票支持……我的代码：