<SCRIPT LANGUAGE="JavaScript">
var isNav, isIE
if (parseInt(navigator.appVersion) >= 4) {
    if (navigator.appName == "Netscape") {
        isNav = true
    } else {
        isIE = true
    }
}
function setZIndex(obj, zOrder) {
    obj.zIndex = zOrder
}
function shiftTo(obj, x, y) {
    if (isNav) {
        obj.moveTo(x,y)
    } else {
        obj.pixelLeft = x
        obj.pixelTop = y
    }
}
var selectedObj
var offsetX, offsetY
function setSelectedElem(evt) {
    if (isNav) {
        var testObj
        var clickX = evt.pageX
        var clickY = evt.pageY
        for (var i = document.layers.length - 1; i >= 0; i--) {
            testObj = document.layers[i]
            if ((clickX > testObj.left) && 
                (clickX < testObj.left + testObj.clip.width) && 
                (clickY > testObj.top) && 
                (clickY < testObj.top + testObj.clip.height)) {
                    selectedObj = testObj
                    setZIndex(selectedObj, 100)
                    return
            }
        }
    } else {
        var imgObj = window.event.srcElement
        if (imgObj.parentElement.id.indexOf("plane") != -1) {
            selectedObj = imgObj.parentElement.style
            setZIndex(selectedObj,100)
            return
        }
    }
    selectedObj = null
    return
}
function dragIt(evt) {
    if (selectedObj) {
        if (isNav) {
            shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
        } else {
            shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
            return false
        }
    }
}
function engage(evt) {
    setSelectedElem(evt)
    if (selectedObj) {
        if (isNav) {
            offsetX = evt.pageX - selectedObj.left
            offsetY = evt.pageY - selectedObj.top
        } else {
            offsetX = window.event.offsetX
            offsetY = window.event.offsetY
        }
    }
    return false
}
function release(evt) {
    if (selectedObj) {
        setZIndex(selectedObj, 0)
        selectedObj = null
    }
}
function setNavEventCapture() {
    if (isNav) {
        document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)
    }
}
function init() {
    if (isNav) {
        setNavEventCapture()
    }
    document.onmousedown = engage
    document.onmousemove = dragIt
    document.onmouseup = release
}
</SCRIPT> 
<DIV ID=plane1><IMG NAME="planePic1" SRC="15logo.png"></DIV>
第二步:把<body>区域中内容改为:
<body bgcolor="#fef4d9" onLoad="init()"> 

解决方案 »

  1.   

    总体上看是一段拖拽的代码
    还做了浏览器兼容的
    楼主要学习可以自己查js手册、dhtml手册、css手册,这样能学更多东西。
    要是单纯的用代码,知道怎么用即可下面简单的点几下
    <SCRIPT LANGUAGE="JavaScript">
    var isNav, isIE
    if (parseInt(navigator.appVersion) >= 4) {
      if (navigator.appName == "Netscape") {
      isNav = true
      } else {
      isIE = true
      }
    }
    function setZIndex(obj, zOrder) {//设置z轴位置,即z-index样式
      obj.zIndex = zOrder
    }
    function shiftTo(obj, x, y) {//自定义移动方法,主要改变拖动对象的坐标left、top
      if (isNav) {
      obj.moveTo(x,y)//调用浏览器自带移动方法
      } else {
      obj.pixelLeft = x 
      obj.pixelTop = y
      }
    }
    var selectedObj
    var offsetX, offsetY
    function setSelectedElem(evt) {
      if (isNav) {
      var testObj
      var clickX = evt.pageX//获取鼠标坐标
      var clickY = evt.pageY
      for (var i = document.layers.length - 1; i >= 0; i--) {
      testObj = document.layers[i]
      if ((clickX > testObj.left) &&  
      (clickX < testObj.left + testObj.clip.width) &&  
      (clickY > testObj.top) &&  
      (clickY < testObj.top + testObj.clip.height)) {
      selectedObj = testObj
      setZIndex(selectedObj, 100)
      return
      }
      }
      } else {
      var imgObj = window.event.srcElement
      if (imgObj.parentElement.id.indexOf("plane") != -1) {
      selectedObj = imgObj.parentElement.style
      setZIndex(selectedObj,100)
      return
      }
      }
      selectedObj = null
      return
    }
    function dragIt(evt) {//移动对象
      if (selectedObj) {
      if (isNav) {//evt.pageX - offsetX;evt.pageY - offsetY获取鼠标坐标
      shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY))
      } else {
      shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY))
      return false
      }
      }
    }
    function engage(evt) {
      setSelectedElem(evt)
      if (selectedObj) {
      if (isNav) {
      offsetX = evt.pageX - selectedObj.left
      offsetY = evt.pageY - selectedObj.top
      } else {
      offsetX = window.event.offsetX
      offsetY = window.event.offsetY
      }
      }
      return false
    }
    function release(evt) {//自定义释放对象方法
      if (selectedObj) {
      setZIndex(selectedObj, 0)
      selectedObj = null
      }
    }
    function setNavEventCapture() {
      if (isNav) {//非IE浏览器
      document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP)//捕捉鼠标事件
      }
    }
    function init() {//在文档初始化的时候运行下面的代码,也就是body onload
      if (isNav) {//非IE浏览器
      setNavEventCapture()
      }
      document.onmousedown = engage//添加鼠标事件,按下、移动、放开
      document.onmousemove = dragIt
      document.onmouseup = release
    }
    </SCRIPT>  
      

  2.   

    lz 自己查手册印象更深刻!Web 开发常用手册DHTML 参考手册
    http://download.csdn.net/source/308913JScript 语言参考
    http://download.csdn.net/source/308916CCS 样式表中文手册
    http://download.csdn.net/source/304124