Este artigo descreve o método de JavaScript para implementar efeitos de texto e arrastar e soltar de imagem. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<Title> JavaScript percebe o efeito de arrastar e soltar de texto e imagens </ititure>
<style type = "text/css">
*{preenchimento: 0; margem: 0;}
.Tips {Posição: Absoluto; Background: #EEE;}
</style>
</head>
<Body>
<div id = "tips1" onmouseover = "dragf.drag ('tips1');">
<img src = "/imagens/skinslogo.gif"> <br> A imagem pode ser arrastada </div>
<div id = "tips2" onmouseover = "dragf.drag ('tips2');"> <a href = "// www.vevb.com" target = "_ blank"> wulin.com </a> <r/> links de arrasto também estão ok
</div>
</body>
<script type = "text/javascript">
var $ id = function (id) {return document.getElementById (id);}
var dragf = {
travado: falso,
LastObj: indefinido,
arrastar: function (obj) {
$ id (obj) .onmousedown = function (e) {
var e = e? E: Window.Event;
if (! window.event) {e.preventDefault ();}/* impedir o evento padrão de A, img na anotação <a href = '/site/js-5791-1.html' alvo = '_ em branco'> <u> arrastar a, img sob o brawser </u> </a>*/
dragf.locked = true;
$ id (obj) .style.position = "absoluto";
$ id (obj) .style.zindex = "100";
if (dragf.lastobj && dragf.lastobj! = $ id (obj)) {/* arrasto de vários elementos requer restauração do último estado do 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) retorna false;
$ id (obj) .style.left = tempx+e.clientx-dragf.x+"px";
$ id (obj) .style.top = tempy+e.clienty-dragf.y+"px";
if (window.event) {e.returnValue = false;}/* bloqueie o evento padrão de A, img sob ie*/
}
document.onmouseup = function () {
dragf.locked = false;
}
}
}
}
</script>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.