资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
据说是Google首页的网页模块拖动代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>据说是Google首页的网页模块拖动代码</title> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Avar%20Common%20%3D%20%7B%20%0D%0AgetEvent%3A%20function()%20%7B%2F%2Fie%2Fff%20%0D%0Aif%20(document.all)%20%7B%20%0D%0Areturn%20window.event%3B%20%0D%0A%7D%20%0D%0Afunc%20%3D%20getEvent.caller%3B%20%0D%0Awhile%20(func%20!%3D%20null)%20%7B%20%0D%0Avar%20arg0%20%3D%20func.arguments%5B0%5D%3B%20%0D%0Aif%20(arg0)%20%7B%20%0D%0Aif%20((arg0.constructor%20%3D%3D%20Event%20%7C%7C%20arg0.constructor%20%3D%3D%20MouseEvent)%20%7C%7C%20(typeof%20(arg0)%20%3D%3D%20%22object%22%20%26%26%20arg0.preventDefault%20%26%26%20arg0.stopPropagation))%20%7B%20%0D%0Areturn%20arg0%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Afunc%20%3D%20func.caller%3B%20%0D%0A%7D%20%0D%0Areturn%20null%3B%20%0D%0A%7D%2C%20%0D%0AgetMousePos%3A%20function(ev)%20%7B%20%0D%0Aif%20(!ev)%20%7B%20%0D%0Aev%20%3D%20this.getEvent()%3B%20%0D%0A%7D%20%0D%0Aif%20(ev.pageX%20%7C%7C%20ev.pageY)%20%7B%20%0D%0Areturn%20%7B%20%0D%0Ax%3A%20ev.pageX%2C%20%0D%0Ay%3A%20ev.pageY%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%0D%0Aif%20(document.documentElement%20%26%26%20document.documentElement.scrollTop)%20%7B%20%0D%0Areturn%20%7B%20%0D%0Ax%3A%20ev.clientX%20%2B%20document.documentElement.scrollLeft%20-%20document.documentElement.clientLeft%2C%20%0D%0Ay%3A%20ev.clientY%20%2B%20document.documentElement.scrollTop%20-%20document.documentElement.clientTop%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0Aelse%20if%20(document.body)%20%7B%20%0D%0Areturn%20%7B%20%0D%0Ax%3A%20ev.clientX%20%2B%20document.body.scrollLeft%20-%20document.body.clientLeft%2C%20%0D%0Ay%3A%20ev.clientY%20%2B%20document.body.scrollTop%20-%20document.body.clientTop%20%0D%0A%7D%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0AgetElementPos%3A%20function(el)%20%7B%20%0D%0Ael%20%3D%20this.getItself(el)%3B%20%0D%0Avar%20_x%20%3D%200%2C%20_y%20%3D%200%3B%20%0D%0Ado%20%7B%20%0D%0A_x%20%2B%3D%20el.offsetLeft%3B%20%0D%0A_y%20%2B%3D%20el.offsetTop%3B%20%0D%0A%7D%20while%20(el%20%3D%20el.offsetParent)%3B%20%0D%0Areturn%20%7B%20x%3A%20_x%2C%20y%3A%20_y%20%7D%3B%20%0D%0A%7D%2C%20%0D%0AgetItself%3A%20function(id)%20%7B%20%0D%0Areturn%20%22string%22%20%3D%3D%20typeof%20id%20%3F%20document.getElementById(id)%20%3A%20id%3B%20%0D%0A%7D%2C%20%0D%0AgetViewportSize%3A%20%7B%20w%3A%20(window.innerWidth)%20%3F%20window.innerWidth%20%3A%20(document.documentElement%20%26%26%20document.documentElement.clientWidth)%20%3F%20document.documentElement.clientWidth%20%3A%20(document.body%3Fdocument.body.offsetWidth%3A0)%2C%20h%3A%20(window.innerHeight)%20%3F%20window.innerHeight%20%3A%20(document.documentElement%20%26%26%20document.documentElement.clientHeight)%20%3F%20document.documentElement.clientHeight%20%3A%20(document.body%20%3F%20document.body.offsetHeight%20%3A%200)%20%7D%2C%20%0D%0AisIE%3A%20document.all%20%3F%20true%20%3A%20false%2C%20%0D%0AsetOuterHtml%3A%20function(obj%2C%20html)%20%7B%20%0D%0Avar%20Objrange%20%3D%20document.createRange()%3B%20%0D%0Aobj.innerHTML%20%3D%20html%3B%20%0D%0AObjrange.selectNodeContents(obj)%3B%20%0D%0Avar%20frag%20%3D%20Objrange.extractContents()%3B%20%0D%0Aobj.parentNode.insertBefore(frag%2C%20obj)%3B%20%0D%0Aobj.parentNode.removeChild(obj)%3B%20%0D%0A%7D%2C%20%0D%0AfirstChild%3A%20function(parentObj%2C%20tagName)%20%7B%20%0D%0Aif%20(Common.isIE)%20%7B%20%0D%0Areturn%20parentObj.firstChild%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Avar%20arr%20%3D%20parentObj.getElementsByTagName(tagName)%3B%20%0D%0Areturn%20arr%5B0%5D%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0AlastChild%3A%20function(parentObj%2C%20tagName)%20%7B%20%0D%0Aif%20(Common.isIE)%20%7B%20%0D%0Areturn%20parentObj.lastChild%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Avar%20arr%20%3D%20parentObj.getElementsByTagName(tagName)%3B%20%0D%0Areturn%20arr%5Barr.length%20-%201%5D%3B%20%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0AsetCookie%3A%20function(name%2C%20value)%20%7B%20%0D%0Adocument.cookie%20%3D%20name%20%2B%20%22%3D%22%20%2B%20value%3B%20%0D%0A%7D%2C%20%0D%0AgetCookie%3A%20function(name)%20%7B%20%0D%0Avar%20strCookie%20%3D%20document.cookie%3B%20%0D%0Avar%20arrCookie%20%3D%20strCookie.split(%22%3B%20%22)%3B%20%0D%0Afor%20(var%20i%20%3D%200%3B%20i%20%3C%20arrCookie.length%3B%20i%2B%2B)%20%7B%20%0D%0Avar%20arr%20%3D%20arrCookie%5Bi%5D.split(%22%3D%22)%3B%20%0D%0Aif%20(!arr%5B1%5D)%20%7B%20%0D%0Areturn%20%22%22%3B%20%0D%0A%7D%20%0D%0Aif%20(arr%5B0%5D%20%3D%3D%20name)%20%7B%20%0D%0Areturn%20arr%5B1%5D%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Areturn%20%22%22%3B%20%0D%0A%7D%2C%20%0D%0AdelCookie%3A%20function(name)%20%7B%20%0D%0Avar%20exp%20%3D%20new%20Date()%3B%20%0D%0Aexp.setTime(exp.getTime()%20-%201)%3B%20%0D%0Avar%20cval%20%3D%20this.getCookie(name)%3B%20%0D%0Aif%20(cval%20!%3D%20null)%20document.cookie%20%3D%20name%20%2B%20%22%3D%22%20%2B%20cval%20%2B%20%22%3Bexpires%3D%22%20%2B%20exp.toGMTString()%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%2F------------------------------------------------------------------------------------------------------%20%0D%0Avar%20Class%20%3D%20%7B%20%0D%0Acreate%3A%20function()%20%7B%20%0D%0Areturn%20function()%20%7B%20this.init.apply(this%2C%20arguments)%3B%20%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Avar%20Drag%20%3D%20Class.create()%3B%20%0D%0ADrag.prototype%20%3D%20%7B%20%0D%0Ainit%3A%20function(titleBar%2C%20dragDiv%2C%20Options)%20%7B%20%0D%0A%2F%2F%E8%AE%BE%E7%BD%AE%E7%82%B9%E5%87%BB%E6%98%AF%E5%90%A6%E9%80%8F%E6%98%8E%EF%BC%8C%E9%BB%98%E8%AE%A4%E9%80%8F%E6%98%8E60%25%20%0D%0AtitleBar%20%3D%20Common.getItself(titleBar)%3B%20%0D%0AdragDiv%20%3D%20Common.getItself(dragDiv)%3B%20%0D%0Athis.dragArea%20%3D%20%7B%20maxLeft%3A%20-9999%2C%20maxRight%3A%209999%2C%20maxTop%3A%20-9999%2C%20maxBottom%3A%209999%20%7D%3B%20%0D%0Aif%20(Options)%20%7B%20%0D%0Athis.opacity%20%3D%20Options.opacity%20%3F%20(isNaN(parseInt(Options.opacity))%20%3F%20100%20%3A%20parseInt(Options.opacity))%20%3A%20100%3B%20%0D%0Aif%20(Options.area)%20%7B%20%0D%0Aif%20(Options.area.left%20%26%26%20!isNaN(parseInt(Options.area.left)))%20%7B%20this.dragArea.maxLeft%20%3D%20Options.area.left%20%7D%3B%20%0D%0Aif%20(Options.area.right%20%26%26%20!isNaN(parseInt(Options.area.right)))%20%7B%20this.dragArea.maxRight%20%3D%20Options.area.right%20%7D%3B%20%0D%0Aif%20(Options.area.top%20%26%26%20!isNaN(parseInt(Options.area.top)))%20%7B%20this.dragArea.maxTop%20%3D%20Options.area.top%20%7D%3B%20%0D%0Aif%20(Options.area.bottom%20%26%26%20!isNaN(parseInt(Options.area.bottom)))%20%7B%20this.dragArea.maxBottom%20%3D%20Options.area.bottom%20%7D%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Athis.opacity%20%3D%2060%3B%20%0D%0A%7D%20%0D%0Athis.originDragDiv%20%3D%20null%3B%20%0D%0Athis.tmpX%20%3D%200%3B%20%0D%0Athis.tmpY%20%3D%200%3B%20%0D%0Athis.moveable%20%3D%20false%3B%20%0D%0Athis.dragArray%20%3D%20%5B%5D%3B%20%0D%0A%0D%0Avar%20dragObj%20%3D%20this%3B%20%0D%0Avar%20dragTbl%20%3D%20document.getElementById(%22dragTable%22)%3B%20%0D%0A%0D%0AtitleBar.onmousedown%20%3D%20function(e)%20%7B%20%0D%0Avar%20ev%20%3D%20e%20%7C%7C%20window.event%20%7C%7C%20Common.getEvent()%3B%20%0D%0A%2F%2F%E5%8F%AA%E5%85%81%E8%AE%B8%E9%80%9A%E8%BF%87%E9%BC%A0%E6%A0%87%E5%B7%A6%E9%94%AE%E8%BF%9B%E8%A1%8C%E6%8B%96%E6%8B%BD%2CIE%E9%BC%A0%E6%A0%87%E5%B7%A6%E9%94%AE%E4%B8%BA1%20FireFox%E4%B8%BA0%20%0D%0Aif%20(Common.isIE%20%26%26%20ev.button%20%3D%3D%201%20%7C%7C%20!Common.isIE%20%26%26%20ev.button%20%3D%3D%200)%20%7B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Areturn%20false%3B%20%0D%0A%7D%20%0D%0A%0D%0A%0D%0A%2F%2F%E5%A4%84%E7%90%86%E7%89%B9%E6%AE%8A%E6%83%85%E5%86%B5%EF%BC%9A%E5%9C%A8%E6%9C%80%E4%B8%8A%2F%E4%B8%8B%E9%9D%A2MOVE%E6%97%B6%E4%B8%8D%E7%A2%B0%E5%88%B0%E7%8E%B0%E6%9C%89DIV%E7%9A%84%E6%83%85%E5%86%B5%E4%B8%8B%EF%BC%8C%E5%8F%88%E5%9B%9E%E5%88%B0%E8%B5%B7%E5%A7%8B%E6%8B%96%E6%8B%BD%E7%9A%84%E5%88%97%E6%9C%80%E4%B8%8A%2F%E4%B8%8B%E6%96%B9%20%0D%0Avar%20tmpColId%3B%20%0D%0Afor%20(c%20%3D%200%3B%20c%20%3C%20dragTbl.rows%5B0%5D.cells.length%3B%20c%2B%2B)%20%7B%20%0D%0Afor%20(k%20%3D%200%3B%20k%20%3C%20dragTbl.rows%5B0%5D.cells%5Bc%5D.getElementsByTagName(%22DIV%22).length%3B%20k%2B%2B)%20%7B%20%0D%0Aif%20(dragDiv.id%20%3D%3D%20dragTbl.rows%5B0%5D.cells%5Bc%5D.getElementsByTagName(%22DIV%22)%5Bk%5D.id)%20%7B%20%0D%0AtmpColId%20%3D%20c%3B%20%0D%0Abreak%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Avar%20tmpPosFirstChild%20%3D%20Common.getElementPos(Common.firstChild(dragTbl.rows%5B0%5D.cells%5BtmpColId%5D%2C%20%22DIV%22))%3B%20%0D%0Avar%20tmpPosLastChild%20%3D%20Common.getElementPos(Common.lastChild(dragTbl.rows%5B0%5D.cells%5BtmpColId%5D%2C%20%22DIV%22))%3B%20%0D%0Avar%20tmpObj%20%3D%20%7B%20colId%3A%20tmpColId%2C%20firstChildUp%3A%20tmpPosFirstChild.y%2C%20lastChildDown%3A%20tmpPosLastChild.y%20%2B%20Common.lastChild(dragTbl.rows%5B0%5D.cells%5BtmpColId%5D%2C%20%22DIV%22).offsetHeight%20%7D%3B%20%0D%0A%0D%0A%2F%2F%E4%BF%9D%E5%AD%98%E5%BD%93%E5%89%8D%E5%8F%AF%E6%8B%96%E6%8B%BD%E5%90%84%E5%AE%B9%E5%99%A8%E7%9A%84%E6%89%80%E5%9C%A8%E4%BD%8D%E7%BD%AE%20%0D%0AdragObj.dragArray%20%3D%20dragObj.RegDragsPos()%3B%20%0D%0A%0D%0A%2F%2F%E6%8F%92%E5%85%A5%E8%99%9A%E7%BA%BF%E6%A1%86%20%0D%0Avar%20dashedElement%20%3D%20document.createElement(%22div%22)%3B%20%0D%0AdashedElement.style.cssText%20%3D%20dragDiv.style.cssText%3B%20%0D%0AdashedElement.style.border%20%3D%20%22%20dashed%202px%20%23aaa%20%22%3B%20%0D%0AdashedElement.style.marginBottom%20%3D%20%226px%22%3B%20%0D%0AdashedElement.style.width%20%3D%20dragDiv.offsetWidth%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%2F%2F%E5%87%8F%E5%8E%BBboderWidth%E4%BD%BF%E8%99%9A%E7%BA%BF%E6%A1%86%E5%A4%A7%E5%B0%8F%E4%BF%9D%E6%8C%81%E4%B8%8EdragDiv%E4%B8%80%E8%87%B4%20%0D%0AdashedElement.style.height%20%3D%20dragDiv.offsetHeight%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%2F%2F%E5%8A%A0%E4%B8%8Apx%20%E4%BF%9D%E8%AF%81FF%E6%AD%A3%E7%A1%AE%20%0D%0AdashedElement.style.position%20%3D%20%22relative%22%3B%20%0D%0Aif%20(dragDiv.nextSibling)%20%7B%20%0D%0AdragDiv.parentNode.insertBefore(dashedElement%2C%20dragDiv.nextSibling)%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0AdragDiv.parentNode.appendChild(dashedElement)%3B%20%0D%0A%7D%20%0D%0A%2F%2F%E6%8B%96%E5%8A%A8%E6%97%B6%E5%8F%98%E4%B8%BAabsolute%20%0D%0AdragDiv.style.width%20%3D%20dragDiv.offsetWidth%20%2B%20%22px%22%3B%20%0D%0AdragDiv.style.position%20%3D%20%22absolute%22%3B%20%0D%0A%0D%0A%0D%0AdragObj.moveable%20%3D%20true%3B%20%0D%0AdragDiv.style.zIndex%20%3D%20dragObj.GetZindex()%20%2B%201%3B%20%0D%0A%0D%0Avar%20downPos%20%3D%20Common.getMousePos(ev)%3B%20%0D%0AdragObj.tmpX%20%3D%20downPos.x%20-%20dragDiv.offsetLeft%3B%20%0D%0AdragObj.tmpY%20%3D%20downPos.y%20-%20dragDiv.offsetTop%3B%20%0D%0A%0D%0Aif%20(Common.isIE)%20%7B%20%0D%0AdragDiv.setCapture()%3B%20%0D%0A%7D%20else%20%7B%20%0D%0Awindow.captureEvents(Event.mousemove)%3B%20%0D%0A%7D%20%0D%0A%0D%0AdragObj.SetOpacity(dragDiv%2C%20dragObj.opacity)%3B%20%0D%0A%0D%0A%2F%2FFireFox%20%E5%8E%BB%E9%99%A4%E5%AE%B9%E5%99%A8%E5%86%85%E6%8B%96%E6%8B%BD%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%20%0D%0Aif%20(ev.preventDefault)%20%7B%20%0D%0Aev.preventDefault()%3B%20%0D%0Aev.stopPropagation()%3B%20%0D%0A%7D%20%0D%0A%0D%0Adocument.onmousemove%20%3D%20function(e)%20%7B%20%0D%0Aif%20(dragObj.moveable)%20%7B%20%0D%0Avar%20ev%20%3D%20e%20%7C%7C%20window.event%20%7C%7C%20Common.getEvent()%3B%20%0D%0A%2F%2FIE%20%E5%8E%BB%E9%99%A4%E5%AE%B9%E5%99%A8%E5%86%85%E6%8B%96%E6%8B%BD%E5%9B%BE%E7%89%87%E9%97%AE%E9%A2%98%20%0D%0Aif%20(document.all)%20%2F%2FIE%20%0D%0A%7B%20%0D%0Aev.returnValue%20%3D%20false%3B%20%0D%0A%7D%20%0D%0A%0D%0Avar%20movePos%20%3D%20Common.getMousePos(ev)%3B%20%0D%0AdragDiv.style.left%20%3D%20Math.max(Math.min(movePos.x%20-%20dragObj.tmpX%2C%20dragObj.dragArea.maxRight)%2C%20dragObj.dragArea.maxLeft)%20%2B%20%22px%22%3B%20%0D%0AdragDiv.style.top%20%3D%20Math.max(Math.min(movePos.y%20-%20dragObj.tmpY%2C%20dragObj.dragArea.maxBottom)%2C%20dragObj.dragArea.maxTop)%20%2B%20%22px%22%3B%20%0D%0A%0D%0Avar%20targetDiv%20%3D%20null%3B%20%0D%0Afor%20(var%20k%20%3D%200%3B%20k%20%3C%20dragObj.dragArray.length%3B%20k%2B%2B)%20%7B%20%0D%0Aif%20(dragDiv%20%3D%3D%20dragObj.dragArray%5Bi%5D)%20%7B%20%0D%0Acontinue%3B%20%0D%0A%7D%20%0D%0A%0D%0Aif%20(movePos.x%20%3E%20dragObj.dragArray%5Bk%5D.PosLeft%20%26%26%20movePos.x%20%3C%20dragObj.dragArray%5Bk%5D.PosLeft%20%2B%20dragObj.dragArray%5Bk%5D.PosWidth%20%0D%0A%26%26%20movePos.y%20%3E%20dragObj.dragArray%5Bk%5D.PosTop%20%26%26%20movePos.y%20%3C%20dragObj.dragArray%5Bk%5D.PosTop%20%2B%20dragObj.dragArray%5Bk%5D.PosHeight%20%0D%0A)%20%7B%20%0D%0AtargetDiv%20%3D%20document.getElementById(dragObj.dragArray%5Bk%5D.DragId)%3B%20%0D%0Aif%20(movePos.y%20%3C%20dragObj.dragArray%5Bk%5D.PosTop%20%2B%20dragObj.dragArray%5Bk%5D.PosHeight%20%2F%202)%20%7B%20%0D%0A%2F%2F%E5%BE%80%E4%B8%8A%E7%A7%BB%20%0D%0AdashedElement.style.width%20%3D%20targetDiv.offsetWidth%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%0D%0AtargetDiv.parentNode.insertBefore(dashedElement%2C%20targetDiv)%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0A%2F%2F%E5%BE%80%E4%B8%8B%E7%A7%BB%20%0D%0AdashedElement.style.width%20%3D%20targetDiv.offsetWidth%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%0D%0Aif%20(targetDiv.nextSibling)%20%7B%20%0D%0AtargetDiv.parentNode.insertBefore(dashedElement%2C%20targetDiv.nextSibling)%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0AtargetDiv.parentNode.appendChild(dashedElement)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Afor%20(j%20%3D%200%3B%20j%20%3C%20dragTbl.rows%5B0%5D.cells.length%3B%20j%2B%2B)%20%7B%20%0D%0Avar%20startLeft%20%3D%20Common.getElementPos(dragTbl.rows%5B0%5D.cells%5Bj%5D).x%3B%20%0D%0Aif%20(movePos.x%20%3E%20startLeft%20%26%26%20movePos.x%20%3C%20startLeft%20%2B%20dragTbl.rows%5B0%5D.cells%5Bj%5D.offsetWidth)%20%7B%20%0D%0A%2F%2F%2F%E5%88%97%E6%97%A0DIV%20%0D%0Aif%20(dragTbl.rows%5B0%5D.cells%5Bj%5D.getElementsByTagName(%22div%22).length%20%3D%3D%200)%20%7B%20%0D%0AdashedElement.style.width%20%3D%20dragTbl.rows%5B0%5D.cells%5Bj%5D.offsetWidth%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%0D%0AdragTbl.rows%5B0%5D.cells%5Bj%5D.appendChild(dashedElement)%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Avar%20posFirstChild%20%3D%20Common.getElementPos(Common.firstChild(dragTbl.rows%5B0%5D.cells%5Bj%5D%2C%20%22DIV%22))%3B%20%0D%0Avar%20posLastChild%20%3D%20Common.getElementPos(Common.lastChild(dragTbl.rows%5B0%5D.cells%5Bj%5D%2C%20%22DIV%22))%3B%20%0D%0A%2F%2F%E5%A4%84%E7%90%86%E7%89%B9%E6%AE%8A%E6%83%85%E5%86%B5%EF%BC%9A%E5%9C%A8%E6%9C%80%E4%B8%8A%2F%E4%B8%8B%E9%9D%A2MOVE%E6%97%B6%E4%B8%8D%E7%A2%B0%E5%88%B0%E7%8E%B0%E6%9C%89DIV%E7%9A%84%E6%83%85%E5%86%B5%E4%B8%8B%EF%BC%8C%E5%8F%88%E5%9B%9E%E5%88%B0%E8%B5%B7%E5%A7%8B%E6%8B%96%E6%8B%BD%E7%9A%84%E5%88%97%E6%9C%80%E4%B8%8A%2F%E4%B8%8B%E6%96%B9%20%0D%0Avar%20tmpUp%2C%20tmpDown%3B%20%0D%0Aif%20(tmpObj.colId%20%3D%3D%20j)%20%7B%20%0D%0AtmpUp%20%3D%20tmpObj.firstChildUp%3B%20%0D%0AtmpDown%20%3D%20tmpObj.lastChildDown%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0AtmpUp%20%3D%20posFirstChild.y%3B%20%0D%0AtmpDown%20%3D%20posLastChild.y%20%2B%20Common.lastChild(dragTbl.rows%5B0%5D.cells%5Bj%5D%2C%20%22DIV%22).offsetHeight%3B%20%0D%0A%7D%20%0D%0A%0D%0Aif%20(movePos.y%20%3C%20tmpUp)%20%7B%2F%2F%2F%E4%BB%8E%E6%9C%80%E4%B8%8A%E9%9D%A2%E6%8F%92%E5%85%A5%E8%99%9A%E7%BA%BF%E6%A1%86%20%0D%0AdashedElement.style.width%20%3D%20Common.firstChild(dragTbl.rows%5B0%5D.cells%5Bj%5D%2C%20%22DIV%22).offsetWidth%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%0D%0AdragTbl.rows%5B0%5D.cells%5Bj%5D.insertBefore(dashedElement%2C%20Common.firstChild(dragTbl.rows%5B0%5D.cells%5Bj%5D%2C%20%22DIV%22))%3B%20%0D%0A%7D%20%0D%0Aelse%20if%20(movePos.y%20%3E%20tmpDown)%20%7B%2F%2F%2F%E4%BB%8E%E6%9C%80%E4%B8%8B%E9%9D%A2%E6%8F%92%E5%85%A5%E8%99%9A%E7%BA%BF%E6%A1%86%20%0D%0AdashedElement.style.width%20%3D%20Common.lastChild(dragTbl.rows%5B0%5D.cells%5Bj%5D%2C%20%22DIV%22).offsetWidth%20-%202%20*%20parseInt(dashedElement.style.borderWidth)%20%2B%20%22px%22%3B%20%0D%0AdragTbl.rows%5B0%5D.cells%5Bj%5D.appendChild(dashedElement)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%3B%20%0D%0A%0D%0Adocument.onmouseup%20%3D%20function()%20%7B%20%0D%0Aif%20(dragObj.moveable)%20%7B%20%0D%0Aif%20(Common.isIE)%20%7B%20%0D%0AdragDiv.releaseCapture()%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0Awindow.releaseEvents(dragDiv.mousemove)%3B%20%0D%0A%7D%20%0D%0AdragObj.SetOpacity(dragDiv%2C%20100)%3B%20%0D%0AdragObj.moveable%20%3D%20false%3B%20%0D%0AdragObj.tmpX%20%3D%200%3B%20%0D%0AdragObj.tmpY%20%3D%200%3B%20%0D%0A%2F%2F%E5%8A%A1%E5%BF%85%E5%86%99%E5%9C%A8%E6%AD%A4IF%E5%86%85%20%0D%0AdragDiv.style.left%20%3D%20%22%22%3B%20%0D%0AdragDiv.style.top%20%3D%20%22%22%3B%20%0D%0AdragDiv.style.width%20%3D%20%22%22%3B%20%0D%0AdragDiv.style.position%20%3D%20%22%22%3B%20%0D%0AdashedElement.parentNode.insertBefore(dragDiv%2C%20dashedElement)%3B%20%0D%0AdashedElement.parentNode.removeChild(dashedElement)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%7D%3B%20%0D%0A%0D%0A%7D%20%0D%0A%7D%2C%20%0D%0ASetOpacity%3A%20function(dragDiv%2C%20n)%20%7B%20%0D%0Aif%20(Common.isIE)%20%7B%20%0D%0AdragDiv.filters.alpha.opacity%20%3D%20n%3B%20%0D%0A%7D%20%0D%0Aelse%20%7B%20%0D%0AdragDiv.style.opacity%20%3D%20n%20%2F%20100%3B%20%0D%0A%7D%20%0D%0A%0D%0A%7D%2C%20%0D%0AGetZindex%3A%20function()%20%7B%20%0D%0Avar%20maxZindex%20%3D%200%3B%20%0D%0Avar%20divs%20%3D%20document.getElementsByTagName(%22div%22)%3B%20%0D%0Afor%20(z%20%3D%200%3B%20z%20%3C%20divs.length%3B%20z%2B%2B)%20%7B%20%0D%0AmaxZindex%20%3D%20Math.max(maxZindex%2C%20divs%5Bz%5D.style.zIndex)%3B%20%0D%0A%7D%20%0D%0Areturn%20maxZindex%3B%20%0D%0A%7D%2C%20%0D%0ARegDragsPos%3A%20function()%20%7B%20%0D%0Avar%20arrDragDivs%20%3D%20new%20Array()%3B%20%0D%0Avar%20dragTbl%20%3D%20document.getElementById(%22dragTable%22)%3B%20%0D%0Avar%20tmpDiv%2C%20tmpPos%3B%20%0D%0Afor%20(i%20%3D%200%3B%20i%20%3C%20dragTbl.getElementsByTagName(%22div%22).length%3B%20i%2B%2B)%20%7B%20%0D%0AtmpDiv%20%3D%20dragTbl.getElementsByTagName(%22div%22)%5Bi%5D%3B%20%0D%0Aif%20(tmpDiv.className%20%3D%3D%20%22dragDiv%22)%20%7B%20%0D%0AtmpPos%20%3D%20Common.getElementPos(tmpDiv)%3B%20%0D%0AarrDragDivs.push(%7B%20DragId%3A%20tmpDiv.id%2C%20PosLeft%3A%20tmpPos.x%2C%20PosTop%3A%20tmpPos.y%2C%20PosWidth%3A%20tmpDiv.offsetWidth%2C%20PosHeight%3A%20tmpDiv.offsetHeight%20%7D)%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Areturn%20arrDragDivs%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%0D%0Awindow.onload%20%3D%20function()%20%7B%20%0D%0Avar%20dragTbl%20%3D%20document.getElementById(%22dragTable%22)%3B%20%0D%0Aif%20(Common.getCookie(%22configArr%22))%20%7B%20%0D%0Avar%20configArr%20%3D%20eval(%22(%22%20%2B%20Common.getCookie(%22configArr%22)%20%2B%20%22)%22)%3B%20%0D%0Afor%20(i%20%3D%200%3B%20i%20%3C%20dragTbl.rows%5B0%5D.cells.length%3B%20i%2B%2B)%20%7B%20%0D%0Afor%20(j%20%3D%200%3B%20j%20%3C%20configArr%5Bi%5D.length%3B%20j%2B%2B)%20%7B%20%0D%0AdragTbl.rows%5B0%5D.cells%5Bi%5D.appendChild(document.getElementById(configArr%5Bi%5D%5Bj%5D))%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%7D%20%0D%0Anew%20Drag(%22titleBar1%22%2C%20%22dragDiv1%22)%3B%20%0D%0Anew%20Drag(%22titleBar2%22%2C%20%22dragDiv2%22)%3B%20%0D%0Anew%20Drag(%22titleBar3%22%2C%20%22dragDiv3%22)%3B%20%0D%0Anew%20Drag(%22titleBar4%22%2C%20%22dragDiv4%22)%3B%20%0D%0Anew%20Drag(%22titleBar5%22%2C%20%22dragDiv5%22)%3B%20%0D%0A%7D%20%0D%0A%0D%0Awindow.onunload%20%3D%20function()%20%7B%20%0D%0Avar%20dragTbl%20%3D%20document.getElementById(%22dragTable%22)%3B%20%0D%0Avar%20configArr%20%3D%20%22%22%3B%20%0D%0Afor%20(i%20%3D%200%3B%20i%20%3C%20dragTbl.rows%5B0%5D.cells.length%3B%20i%2B%2B)%20%7B%20%0D%0Avar%20tmpStr%20%3D%20%22%22%3B%20%0D%0Afor%20(j%20%3D%200%3B%20j%20%3C%20dragTbl.rows%5B0%5D.cells%5Bi%5D.getElementsByTagName(%22DIV%22).length%3B%20j%2B%2B)%20%7B%20%0D%0AtmpStr%20%2B%3D%20(tmpStr%20%3D%3D%20%22%22%20%3F%20%22%22%20%3A%20%22%2C%22)%20%2B%20%22'%22%20%2B%20dragTbl.rows%5B0%5D.cells%5Bi%5D.getElementsByTagName(%22DIV%22)%5Bj%5D.id%20%2B%20%22'%22%3B%20%0D%0A%7D%20%0D%0AconfigArr%20%2B%3D%20(configArr%20%3D%3D%20%22%22%20%3F%20%22%22%20%3A%20%22%2C%22)%20%2B%20%22%5B%22%20%2B%20tmpStr%20%2B%20%22%5D%22%3B%20%0D%0A%7D%20%0D%0A%2F%2Fformat%20like%3A%20%5B%5B'dragDiv3'%2C'dragDiv5'%5D%2C%5B'dragDiv4'%2C'dragDiv1'%5D%2C%5B'dragDiv2'%5D%5D%20%0D%0ACommon.setCookie(%22configArr%22%2C%20%22%5B%22%20%2B%20configArr%20%2B%20%22%5D%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <style type="text/css"> .spanDiv{ position:relative; width:5px; height:5px; } .dragDiv,.nodragDiv{ position:relative; filter:alpha(opacity=100); opacity:1; margin-bottom:6px; background-color:#FFFFFF; } </style> </head> <body > <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%0D%0A%3C%2Fscript%3E"> <table id="dragTable" cellpadding="3" style=" border:solid 0px green;width:98%;"> <tr> <td valign="top" style="width:30%"> <div class="dragDiv" id="dragDiv1" > <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:Blue"> <tr id="titleBar1" style="height:22px; text-align:left; background-color:#547BC9;color:White; padding:3px;cursor:move;"> <th align="left" unselectable="on" >Title1</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top" > <td unselectable="on">这里的字比较长....我来了....中国....中国...外国.，看一下有没有溢出></td> </tr> </table> </div> <div class="dragDiv" id="dragDiv2"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:Blue"> <tr id="titleBar2" style="height:22px; text-align:left; background-color:#547BC9;color:White; padding:3px;cursor:move;"> <th align="left" unselectable="on" >Title2</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top" > <td unselectable="on">Content2...</td> </tr> </table> </div> </td> <td valign="top" style="width:50%"> <div class="dragDiv" id="dragDiv3"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:Blue"> <tr id="titleBar3" style="height:22px; text-align:left; background-color:#547BC9;color:White; padding:3px;cursor:move;"> <th align="left" unselectable="on" >Title3</th> </tr> <tr style="height:230px;padding:3px;" align="left" valign="top" > <td unselectable="on">Content3...</td> </tr> </table> </div> </td> <td valign="top" style="width:20%"> <div class="dragDiv" id="dragDiv4"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:Blue"> <tr id="titleBar4" style="height:22px; text-align:left; background-color:#547BC9;color:White; padding:3px;cursor:move;"> <th align="left" unselectable="on" >Title4</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top" > <td unselectable="on">Content4...</td> </tr> </table> </div> <div class="dragDiv" id="dragDiv5"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:Blue"> <tr id="titleBar5" style="height:22px; text-align:left; background-color:#547BC9;color:White; padding:3px;cursor:move;"> <th align="left" unselectable="on" >Title5</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top" > <td unselectable="on">Content5...</td> </tr> </table> </div> </td> </tr> </table> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程