为什么我的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无法正常工作？

回答

相关问题