DIV任意拖动的问题_因特网(www.inte.net)

<P><html><head><title>DRAG the DIV</title><style>*{font-size:12px}.dragTable{ font-size:12px; border-top:1px solid #3366cc; margin-bottom: 10px; width:100%; background-color:#FFFFFF;}.dragTR{ cursor:move; color:#7787cc; background-color:#e5eef9;}td{vertical-align:top;}#parentTable{ border-collapse:collapse; letter-spacing:25px;}</style></head><body> GMAIL 暂时无法显示GMAIL内容新浪体育解剖威队独门利器FW28 2万转引擎匹配超级变速器颁奖：辛吉斯欣喜能以冠军起步印度搭档创下纪录法新社前瞻冬奥短道速滑：中韩唱主角美加施冷箭焦点京广线中断4小时20临客返汉晚点中国新闻网-湖北分社 - 所有 235 相关报道 ?哈马斯已有总理人选解放日报报业集团 - 所有 489 相关报道 ?陈水扁是两岸关系麻烦制造者武汉晨报 - 所有 179 相关报道 ? 中关村在线新年行情速递双敏板卡低价推荐终于等到了，映泰6600GT一降降一百罗技G15游戏键盘热力促销，代购价仅529元网易商业上海GDP增幅去年出现回落应对反倾销中国鞋企联手对抗欧盟尹家绪操盘南方汽车长安谋求曲线整体境外上市 </body></html></P>
[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> 顶级站点搜狐新浪网易腾讯QQTOM中华网21CN搜狗Google百度雅虎MSN中国Item #2欢迎您来到www.achome.cn,以后要常来噢<br>Item #3Item #4 Item #5Item #6 </fieldset> </P>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

DIV任意拖动的问题

相关推荐

jquery实现仿jqueryui可拖动的Div实例

javascript实现可拖拽的拖动层Div实例

通过js实现经典的带阴影的可拖动的浮动层特效

原生js封装拖动验证滑块的实现代码示例

可拖动窗口，附带鼠标控制渐变透明，开启关闭功能

Div+css+js树型菜单，可刷新

12个Div逐个显示效果

最简短的拖动对象代码实例演示

支持ie和ff的Div＋css选项卡

用js得到网页中所有的Div的id

拖动层效果，兼容ie和ff!第1/2页

拖动html元素集合 drag and drop any item

拖动一个html元素

jquery使整个Div区域可以点击的方法

javascript实现控制Div颜色

javascript动态改变Div属性的实现方法

纯js模拟Div层弹性运动的方法

js实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解

js实现点击按钮控制Div变宽、增高及调整背景色的方法

js拖动鼠标画出方框实现鼠标选区的方法

jquery实现的Div窗口震动效果实例

评论

在线客服