Das Beispiel in diesem Artikel beschreibt, wie Sie mithilfe von JavaScript Text- und Bildzieheffekte erzielen. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt: Code kopieren Der Code lautet wie folgt: JavaScript implementiert den Drag-and-Drop-Effekt von Text und Bildern <br> *{padding:0;margin:0;}<br> .tips{position:absolute;background:#eee;}<br> Das Bild kann gezogen werden Sie können den Link auch ziehen <br> var $id=function(id){return document.getElementById(id);}<br> var dragF={<br> gesperrt:false,<br> lastObj:undefiniert,<br> drag:function(obj){<br> $id(obj).onmousedown=function(e){<br> var e = e ? e : window.event;<br> if(!window.event) {e.preventDefault();}/* Label verhindern<a href='/site/js-5791-1.html' target='_blank'><u>browser< ;/u> ;</a>Ziehen Sie a, das Standardereignis von img*/<br> dragF.locked=true;<br> $id(obj).style.position="absolute";<br> $id(obj).style.zIndex="100";<br> if (dragF.lastObj&&dragF.lastObj!=$id(obj)) {/* Beim Ziehen mehrerer Elemente muss der letzte Elementstatus wiederhergestellt werden */<br> DragF.lastObj.style.zIndex = "1";<br> }<br> DragF.lastObj=$id(obj);<br> var tempX=$id(obj).offsetLeft;<br> var tempY=$id(obj).offsetTop;<br> DragF.x=e.clientX;<br> DragF.y=e.clientY;<br> document.onmousemove=function(e){<br> var e = e ? e : window.event;<br> If(dragF.locked==false) gibt false zurück;<br> $id(obj).style.left=tempX e.clientX-dragF.x "px";<br> $id(obj).style.top=tempY e.clientY-dragF.y "px";<br> If(window.event) {e.returnValue=false;}/* Verhindert die Standardereignisse von a und img unter ie */<br> }<br> document.onmouseup=function(){<br> DragF.locked=false;<br> }<br> }<br> }<br> }<br>
