0

我正在尝试在 Web 应用程序中使用这一点 jQuery。它似乎在 jsfiddle 中工作，但在我的应用程序中实现时却没有。这是我的代码：

enter code here

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href= "style3.css"/>

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script src="jquery.effects.bounce.js"></script>
</head>

<body> 
<img class="myimage" src ="https://pbs.twimg.com/profile_images/3513354941        /24aaffa670e634a7da9a087bfa83abe6.png">
<script>
$(document).ready(function () {
$('.myimage').mouseenter(function () {
$(this).effect('bounce', 500);
});
});
</script>
</body>
</html>
4

1 回答 1

0

这个稍加修改的代码在谷歌浏览器下工作：

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.10.3/jquery-ui.js""></script>
<script>
$(document).ready(function () {
  $('.myimage').mouseenter(function () {
    $(this).effect('bounce', 500);
  });
});
</script>
</head>
<body>
<img class="myimage" src ="https://pbs.twimg.com/profile_images/3513354941/24aaffa670e634a7da9a087bfa83abe6.png">
</body>
</html>
于 2013-10-29T23:13:17.797 回答