Question

我是jquery的新手。我使用此代码在悬停时更改当前图像或使用jquery单击另一个图像。但它没有用!!

<head>
<title> Visite  </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-2.1.1.min.js"> </script>
<script>
$('img').hover(function () {
  $(this).attr('src', 'o.184684.jpg');
})
</script>   
</head>

<body>
<img src="logo11w.png" alt="photo" />
</body>
</html>

我从http://jsfiddle.net/afzaal_ahmad_zeeshan/8H4MC/

提供此示例

Answer 1

尝试在准备好的文档中包装jQuery代码

$(document).ready(function() {
    $('img').hover(function () {
        $(this).attr('src', 'o.184684.jpg');
    });
});

或者

$(function() {
    $('img').hover(function () {
        $(this).attr('src', 'o.184684.jpg');
    });
});

这只会让你的鼠标结束。您可能还需要传递鼠标输出功能：hover

$(function() {
    $('img').hover(function () {
        $(this).attr('src', 'o.184684.jpg');
    }, function() {
        //mouse out function
    });
});

在事件悬停时更改当前图像或使用jquery单击

1 个答案: