我已经包含了我需要的jQuery UI内容和jQuery核心但仍然无法使用:
<div id="a" style="width: 500px; height: 500px; background-color: #F00; border: 1px solid #00F;">Click me</div>
<div id="b" style="width: 50px; height: 50px; background-color: #0F0; border: 1px solid #00F;"></div>
和
$(document).ready(function () {
$('#a').click(function () {
$(this).effect(
'transfer',
{ to: $('#b') },
1000
);
});
});
您可以找到JSFiddle示例here
答案 0 :(得分:5)
效果你需要jQuery UI
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css " />
<script src="http://code.jquery.com/jquery-1.8.3.js "></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js "></script>
你还需要转移css,如
.ui-effects-transfer {border:2px点灰色; }