dragdrop9_test.html
来自「scriptaculous是ajax的一个框架」· HTML 代码 · 共 47 行
HTML
47 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <script src="../../lib/prototype.js" type="text/javascript"></script> <script src="../../src/scriptaculous.js" type="text/javascript"></script> </head> <body> <div id="source" style="height: 100px; width: 100px; background-color: gray;"> Draggable </div> <script type="text/javascript"> //<![CDATA[ new Draggable("source", { revert:"failure", onDropped: function(element){ $(element).update('I WAS DROPPED!') }, reverteffect: function(element, top_offset, left_offset) { var dur = Math.sqrt(Math.abs(top_offset^2)+Math.abs(left_offset^2))*0.02; new Effect.Move(element, { x: -left_offset, y: -top_offset, duration: dur, transition: Effect.Transitions.spring, queue: {scope:'_draggable', position:'end'} }); } }); //]]> </script> <br/> <div id="target" style="height: 100px; width: 100px; background-color: green;"> Good Target </div> <script type="text/javascript"> //<![CDATA[ Droppables.add("target", { onDrop:function(element){ Effect.Puff($('source')); } }); //]]> </script> <br/> </body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?