2N/A<style>

2N/A #demo {

2N/A height: 100px;

2N/A width: 150px;

2N/A border: 1px solid black;

2N/A background-color: #8DD5E7;

2N/A position: relative;

2N/A }

2N/A #demo h2 {

2N/A padding: 5px;

2N/A margin: 0;

2N/A height: 30px;

2N/A font-size: 120%;

2N/A color: black;

2N/A font-weight: bold;

2N/A text-align: center;

2N/A cursor: move;

2N/A background-color: #CDCDCD;

2N/A border-bottom: 1px solid black;

2N/A }

2N/A</style>

2N/A

2N/A<div id="demo"><h2 class="no-toc">Drag Me Here</h2>Can't drag me here</div>

2N/A

2N/A<script>

2N/AYUI().use('dd-plugin', function(Y) {

2N/A var node = Y.one('#demo');

2N/A node.plug(Y.Plugin.Drag);

2N/A node.dd.addHandle('h2');

2N/A});

2N/A</script>

2N/A