1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.js"></script> <style> .myClass { border: 2px dotted gray; } </style> <script> $(window).load(function(){ $(function () { $("#div1").click(function () { $(this).effect("transfer", { to: "#div2", className: "myClass" }, 1000); //$(this).effect("shake", { times: 2 }, 200); }); }); }); </script> <div style="background:yellow;width:500px;height:300px;"> <div id="div1" style="background:red; width:100px;height:100px; float:left;"></div> <div id="div2" style="background:blue; width:50px;height:50px; float:right;"></div> </div> |
