Question

所以这是我当前的脚本，但是我似乎无法通过链接正确使用该链接，当我将鼠标悬停在其上时单击活动的图像时，请帮助我并添加链接（到子页面）。我是否需要在最后一个</a>之前插入新行？

<a href="URL ADDRESS">
    <img
        src="test.com/test1.png";
        onmouseover="this.src='test.com/test2.png'"; 
        onmouseout="this.src='test.com/test1'"; />
</a>

我尝试了几种方法，但我真的很陌生，我无法弄明白。

Answer 1

请试试这个，分号是不必要的，错误的！

<a href="URL ADDRESS">
<img src="test.com/test1.png"
    onmouseover="this.src='test.com/test2.png'"
    onmouseout="this.src='test.com/test1'"/>
</a>

Answer 2

请改用它。您的分号仅与脚本处理程序相关。你把它们放在属于无效HTML的属性之外。而src之后的那个是不正确的。

<a href="URL ADDRESS">
    <img
        src="test.com/test1.png"
        onmouseover="this.src='test.com/test2.png';" 
        onmouseout="this.src='test.com/test1';" />
</a>

Answer 3

试试这个。
PS。
我用过JQuery

$(document).ready(function(){
    $('img').hover(function(){
      $(this).attr('src','test.com/test2.png');
      $(this).parent('a').attr('href','link when mouse enter the img');
    },function(){
      $(this).attr('src','test.com/test1');
      $(this).parent('a').attr('href','link when mouse leave the img');
    });
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="URL ADDRESS">
    <img
        src="test.com/test1.png";
        onmouseover="this.src='test.com/test2.png'"; 
        onmouseout="this.src='test.com/test1'"; />
</a>

如何为已经获得翻转脚本的图像添加链接？

3 个答案: