Question

我试图在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>

Answer 1

此稍加修改的代码适用于Google Chrome：

<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>

嗨代码管理员，我需要建议使用jquery弹出图像

1 个答案: