当前位置：首页 > 资讯 > 技术文档

DIV任意拖动的问题

时间：2022-02-18 01:11 编辑：来源：阅读：
扫一扫，手机访问

摘要：DIV任意拖动的问题

DRAG the DIV

<table border="0" cellpadding="0" cellspacing="10" height="500" id="parentTable" width="100%">
<tr>
 <td valgin="top" width="25%">
  <table border="0" cellspacing="0" class="dragTable">
   <tr>
    <td>[b]GMAIL[/b]</td>
   </tr>
   <tr>
    <td>暂时无法显示GMAIL内容</td>
   <tr>
  </tr></tr></table><table border="0" cellspacing="0" class="dragTable">
   <tr>
    <td>新浪体育</td>
   </tr>
   <tr>
    <td>解剖威队独门利器FW28 2万转引擎匹配超级变速器颁奖：辛吉斯欣喜能以冠军起步 印度搭档创下纪录法新社前瞻冬奥短道速滑：中韩唱主角 美加施冷箭</td>
   <tr>
  </tr></tr></table><table border="0" cellspacing="0" class="dragTable">
   <tr>
    <td>焦点</td>
   </tr>
   <tr>
    <td>京广线中断4小时20临客返汉晚点
中国新闻网-湖北分社 - 所有 235 相关报道 ?哈马斯已有总理人选
解放日报报业集团 - 所有 489 相关报道 ?陈水扁是两岸关系麻烦制造者
武汉晨报 - 所有 179 相关报道 ?</td>
   <tr>
  </tr></tr></table>
 </td>
 <td width="25%">
  <table border="0" cellspacing="0" class="dragTable">
   <tr>
    <td>中关村在线</td>
   </tr>
   <tr>
    <td>新年行情速递 双敏板卡低价推荐 终于等到了，映泰6600GT一降降一百 罗技G15游戏键盘热力促销，代购价仅529元 </td>
   <tr>
  </tr></tr></table></td>
 <td width="25%">
  <table border="0" cellspacing="0" class="dragTable">
   <tr>
    <td>网易商业</td>
   </tr>
   <tr>
    <td>上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市</td>
   <tr>
  </tr></tr></table>
 </td>
</tr>
</table>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

div版的

<fieldset id="Demo4"><legend>本页面元素可以随意拖拽</legend>
<div>
<div class="DragContainer" id="DragContainer1" overclass="OverDragContainer">
 
<div class="DragBox" dragclass="DragDragBox" overclass="OverDragBox">
顶级站点
<div class="content" id="hot_content">
[*][url=http://www.sohu.com/]搜狐[/url][/*]
[*][url=http://www.sina.com.cn/]新浪[/url][/*]
[*][url=http://www.163.com/]网易[/url][/*]
[*][url=http://www.qq.com/]腾讯QQ[/url][/*]
[*][url=http://www.tom.com/]TOM[/url][/*]
[*][url=http://www.china.com/]中华网[/url][/*]
[*][url=http://www.21cn.com/]21CN[/url][/*]
[*][url=http://www.sogou.com/]搜狗[/url][/*]
[*][url=http://www.google.com/intl/zh-CN/]Google[/url][/*]
[*][url=http://www.baidu.com/]百度[/url][/*]
[*][url=http://www.yahoo.com.cn/]雅虎[/url][/*]
[*][url=http://www.msn.com.cn/]MSN中国[/url][/*]
</div>
</div>
<div class="DragBox" dragclass="DragDragBox" id="Item2" overclass="OverDragBox">Item #2
欢迎您来到[url=http://www.achome.cn]www.achome.cn[/url],以后要常来噢
</div>
<div class="DragBox" dragclass="DragDragBox" id="Item3" overclass="OverDragBox">Item #3</div>
<div class="DragBox" dragclass="DragDragBox" id="Item4" overclass="OverDragBox">Item #4</div>
</div>
      
      
<div class="DragContainer" id="DragContainer2" overclass="OverDragContainer">
<div class="DragBox" dragclass="DragDragBox" id="Item5" overclass="OverDragBox">Item #5</div>
<div class="DragBox" dragclass="DragDragBox" id="Item6" overclass="OverDragBox">Item #6</div>
 </div>
      
</div>
</fieldset>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：jQuery选中select控件无法设置selected的解决方法
下一篇：bootstrap3使用bootstrap datetimepicker日期插件

资讯排行榜
更多>>