2013-10-29 62 views
0

我想在web應用程序中使用這一點的jQuery。它似乎在jsfiddle中工作,但不是在我的應用程序中實現時。這裏是我的代碼:嗨代碼大師,我需要提醒使用jquery彈跳圖像

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> 

回答

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>