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鏈接和翻轉圖像，鏈接不工作

回答

相關問題