站长资源 网络编程

DIV任意拖动的问题

整理:jimmy2026/8/5浏览2次

简介DRAG the DIV*{font-size:12px}.dragTable{ font-size:12px; border-top:1px solid #3366cc; margin-bottom: 10px; width:100%; background-color:#FFFFFF;}.dra

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
div版的

<P></P>
<P><style>#Demo4{margin-left:14px;}.DragContainer {float:left;width:360px;margin:5px;padding:5px;}.OverDragContainer {border:#ccc 2px solid;}.DragBox {border:#000 1px solid;width:350px;height:auto;background:#eee url(../images/right_title.gif) no-repeat left top;margin-bottom:5px;padding-top:5px;}.OverDragBox {border: #000 1px solid;width:350px;cursor:move;background:#eee url(../images/right_title.gif) no-repeat left top;;margin-bottom:5px;padding-top:5px;}.DragDragBox {border: #000 1px solid;width:350px;cursor:move;background:#eee url(../images/right_title.gif) no-repeat left top;;margin-bottom:5px;padding-top:5px;}.DragDragBox {FILTER:alpha(opacity=70);background:#eee url(../images/right_title.gif) no-repeat left top;}.DragBox img{margin-left:10px;}.DragDragBox  img{margin-left:10px;}.OverDragBox img{margin-left:10px;}egend {font-weight: bold;font-size:12px;color:#666699; font-family: verdana, tahoma, arial}fieldset {padding-right:3px;padding-left:3px;padding-bottom:3px;padding-top: 3px}.content{padding-left:8px;clear:both;height:25px;background:#fff;margin-top:5px;}.content li{list-style:none;width:75px;line-height:25px;float:left;}.history{background:#eee;} </style></P>
<P><fieldset id="Demo4"><legend>本页面元素可以随意拖拽</legend> 顶级站点<li>搜狐</li><li>新浪</li><li>网易</li><li>腾讯QQ</li><li>TOM</li><li>中华网</li><li>21CN</li><li>搜狗</li><li>Google</li><li>百度</li><li>雅虎</li><li>MSN中国</li>Item #2<p>欢迎您来到www.achome.cn,以后要常来噢</p>Item #3Item #4            Item #5Item #6       </fieldset> </P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：JavaScript窗口功能指南之在窗口中书写内容

下一篇：用于table内容排序

站长资源网络编程

DIV任意拖动的问题

最新资源