Question

这是代码。我把它写在我的一个Wordpress页面中，一切运行良好。 on mouseover和onmouseout，但是href链接不起作用。我不懂它。我研究过将href放在div之外，但它没有用，我不知道如何在Wordpress中嵌入javascript只是为了让这个按钮起作用。

我会感谢任何帮助，但如果它是参考javascript，请具体，因为我是一个javascript的菜鸟。我知道一些CSS，但对于这种情况，我在同一个文档中写了所有内容，所以我没有分配

<div id="bigbutton1" style="width: 300px; height: 300px; 
 display: block; float: left; margin: 2px;">
  <a  style="overflow: hidden; position: relative; color: black;
   text-align:center;padding-top: 0px;width: 300px; height: 300px; 
   display: block; margin: 0 auto;href="http://www.youtube.com">
   <img src=" firstimage.jpg "onmouseover="this.src='anotherjpg'"
    onmouseout="this.src='firstimage.jpg'"/>
  </a>
</div>

以及当你可以看到现在如何工作时的链接...... link

我的问题出现在翻了4个大按钮区域，谢谢。

Answer 1

你忘了以你的风格关闭“”引号

<div id="bigbutton1" style="width: 300px; height: 300px; display: block; float: left; margin: 2px;"><a  style="overflow: hidden; position: relative; color: black;text-align:center;padding-top: 0px;width: 300px; height: 300px; display: block; margin: 0 auto;" href="http://www.youtube.com" target="_blank"><img src=" firstimage.jpg "onmouseover="this.src='anotherjpg'" onmouseout="this.src='firstimage.jpg'"/></a></div>

Demo JsFiddle

Wordpress div与href链接和翻转图像，链接无法正常工作

1 个答案: