html head style type="text/css" .note { background :#FFFFBF; border-bottom:1px solid black; border-left: 1px solid black; border-right : 1px solid black; width :302px; height :300px; margin:0px; padding :0px; } .noteHandle { border-left:1px
<head>
<style type="text/css">
.note
{
background :#FFFFBF;
border-bottom:1px solid black;
border-left: 1px solid black;
border-right : 1px solid black;
width :302px;
height :300px;
margin:0px;
padding :0px;
}
.noteHandle {
border-left:1px solid black;
border-right:1px solid black;
border-top:1px solid black;
cursor:pointer;
background:#FFFF8F;
width :300px;
height:10px;
margin:0px;
padding:0px;
}
</style>
<script type="text/javascript"
djConfig="parseOnLoad: true, isDebug: true" src="dojo-release-1.7.1/dojo/dojo.js"></script> </head> <body> <script type="text/javascript"> dojo.require("dojo.dnd.Moveable"); //引入Dojo的拖动功能模块 dojo.require("dojo.parser"); //引入解析Dojo标记的功能模块 </script> <div data-dojo-type="dojo.dnd.Moveable" skip=true> <div class="noteHandle"></div> <textarea rows=5 class="note">gergrgr</textarea> </div> </body> </html>