爲什麼我的img hover無法正常工作？

我想改變我的下一個& & prev img on.hover。爲什麼我的img hover無法正常工作？

我曾嘗試使用JS，但它似乎並沒有工作。

PS：我嘗試不同的方法來一個和下一個

HTML

<div align='center'> 
    <a href='#'> 
    <img class='img-responsive pull-left' 
     src='images/arrow_left.jpg' 
     onmouseover='hover(this);' 
     onmouseout='unhover(this);'> </a> 
    <ul class='pagination'> 
    <li><a href='#'> 1 </a></li> 
    <li><a href='#'> 2 </a></li> 
    <li><a href='#'> 3 </a></li> 
    <li><a href='#'>view all</a></li> 
    </ul> 
    <a href='#'> 
    <img class='img-responsive pull-right' 
     src='images/arrow_right.jpg' onmouseover='this.src='images/arrow_rightover.jpg' 
                         onmouseout='this.src='images/arrow_right.jpg'> </a> 
</div>

JS功能

function hover(element) { 
element.setAttribute('src', 'images/arrow_leftover.jpg'); 
} 

function unhover(element) { 
element.setAttribute('src', 'images/arrow_left.jpg'); 
}

來源

2017-01-01 aaa

onmouseover和onmouseout有多個單撇號。 –

替換

：

onmouseover='this.src='images/arrow_rightover.jpg' onmouseout='this.src='images/arrow_right.jpg'>

要：

onmouseover='this.src="images/arrow_rightover.jpg"' onmouseout='this.src="images/arrow_right.jpg"'>

因爲瀏覽器「認爲」該屬性的值僅this.src=

來源

2017-01-01 09:34:57

嗨，謝謝你的回答。我曾嘗試過上面提到的，但是我會在使用php'echo「」'創建頁面時收到錯誤消息。如果我把''''換成''「''，我會收到這個。解析錯誤：語法錯誤，意外的'圖像'（T_STRING），期待'，'或';'在 – aaa

啊哈。再次感謝您的回覆。問題解決了。我將代碼更改爲'onmouseover ='this.src = \「images/arrow_rightover.jpg \」'onmouseout ='this.src = \「images/arrow_right.jpg \」'' – aaa

錯誤報價

<a href='#'> 
    <img class='img-responsive pull-right' 
     src='images/arrow_right.jpg' 
     onmouseover='this.src= "images/arrow_rightover.jpg"' 
     onmouseout= 'this.src="images/arrow_right.jpg"'> 
</a>

來源

2017-01-01 09:35:34 scaisEdge

試試這個

function hover(element) { 
 
    element.setAttribute('src', 'images/arrow_leftover.jpg'); 
 
} 
 

 
function unhover(element) { 
 
    element.setAttribute('src', 'images/arrow_left.jpg'); 
 
}

<div align='center'> 
 
    <a href='#'> 
 
    <img class='img-responsive pull-left' src='images/arrow_left.jpg' onmouseover='hover(this);' onmouseout='unhover(this);'> 
 
    </a> 
 
    <ul class='pagination'> 
 
    <li><a href='#'> 1 </a> 
 
    </li> 
 
    <li><a href='#'> 2 </a> 
 
    </li> 
 
    <li><a href='#'> 3 </a> 
 
    </li> 
 
    <li><a href='#'>view all</a> 
 
    </li> 
 
    </ul> 
 
    <a href='#'> 
 
    <img class='img-responsive pull-right' src='images/arrow_right.jpg' onmouseover='this.src="images/arrow_rightover.jpg"' onmouseout='this.src="images/arrow_right.jpg"'> 
 
    </a> 
 
</div>

來源

2017-01-01 09:40:34 vijay

爲什麼我的img hover無法正常工作？

回答

相關問題