首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

拖拽一个iframe中的div 在另一个iframe页面中展示

2012-09-09 
拖拽一个iframe中的div 在另一个iframe页面中显示在一个页面中包含两个iframe iframe包含的页面中有div元

拖拽一个iframe中的div 在另一个iframe页面中显示
在一个页面中包含两个iframe iframe包含的页面中有div元素 实现拖动div在另外一个iframe中实现相同的拖拽效果
event.html主页面
有几个地方需要注意:1.要在iframe包含的页面中设置div的绝对位置position:absolute;left:20px;top:20px;
2.js在不同页面调用 这个可以上网搜 比如调用iframe中的dom contentWindow.document
  子页面调用父页面 parent.document.getElementById("parentNodeName");
3.js 事件的处理onmousedown 鼠标按下时事件处理 onmouseup鼠标离开时触发的事件,要在onmousedown事件处理之下触发
用table做了一个布局


//============a.html


//================dragging.js

//小注:chrome浏览器不支持获取iframe节的dom的getElementById方法 chrome调试会出错

热点排行