Este artículo describe el método de JavaScript para implementar los efectos de arrastre y caída de imágenes e imágenes. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> JavaScript se da cuenta del efecto de arrastrar y soltar del texto y las imágenes </title>
<style type = "text/css">
*{relleno: 0; margen: 0;}
.tips {posición: absoluto; fondo: #eee;}
</style>
</ablo>
<Body>
<div id = "tips1" onmouseover = "dragf.drag ('tips1');">
<img src = "/images/skinslogo.gif"> <br> La imagen se puede arrastrar </div>
<div id = "tips2" onMouseOver = "dragf.drag ('tips2');"> <a href = "// www.vevb.com" target = "_ en blanco"> wulin.com </a> <br/> drag los enlaces están bien
</div>
</body>
<script type = "text/javaScript">
var $ id = function (id) {return document.getElementById (id);}
var dragf = {
bloqueado: falso,
lastobj: indefinido,
Drag: function (obj) {
$ id (obj) .onmouseDown = function (e) {
var e = e? E: Window.event;
if (! Window.event) {E.PreventDefault ();}/* Evite el evento predeterminado de a, img en la anotación <a href = '/sitio/js-5791-1.html' target = '_ en blanco'> <U> Drag A, img bajo el navegador </u> </a>*///////
dragf.locked = true;
$ id (obj) .style.position = "Absolute";
$ id (obj) .style.zindex = "100";
if (dragf.lastobj && dragf.lastobj! = $ id (obj)) {/* drag de elementos múltiples requiere la restauración del estado de último elemento*/
dragf.lastobj.style.zindex = "1";
}
dragf.lastobj = $ id (obj);
var tempx = $ id (obj) .OffSetLeft;
var tempy = $ id (obj) .OffSettop;
dragf.x = e.clientx;
dragf.y = e.clienty;
document.onmouseMove = function (e) {
var e = e? E: Window.event;
if (dragf.locked == false) return false;
$ id (obj) .style.left = tempx+e.clientx-dragf.x+"px";
$ id (obj) .style.top = temppy+e.clienty-dragf.y+"px";
if (window.event) {e.returnValue = false;}/* bloquea el evento predeterminado de a, img en IE*/
}
document.onmouseUp = function () {
dragf.locked = false;
}
}
}
}
</script>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.