Wordpress div与href链接和翻转图像，链接不工作

这是代码。我把它写在我的一个Wordpress页面中，一切正常。关于mouseover和onmouseout，但href链接不起作用。我没有得到它的工作。我研究了将href放在div外部，但它不起作用，并且我不知道如何在Wordpress中嵌入JavaScript，仅用于此按钮。Wordpress div与href链接和翻转图像，链接不工作

我将不胜感激任何帮助，但如果它是在JavaScript中的参考，请具体说明，因为我是JavaScript中的noob。我知道一些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大按钮区域有翻滚，谢谢。

来源

2014-01-09 user3176079

http://jsfiddle.net/H6yvG/ – Karuppiah

插入收盘报价后（“）;在自动（）; HREF –

您忘记关闭 “” 在你的风格报价

<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

来源

2014-01-09 05:22:22 Karuppiah

谢谢！我已经知道了......我即将发布答案。非常感谢答案。 – user3176079

Wordpress div与href链接和翻转图像，链接不工作

回答

相关问题