Filoweb.it

Muovere un paragrafo ( o div) con pulsanti


FB TW Pinterest whatsapp RSS FEED News letter
jquery
Muovere un paragrafo ( o div) con pulsanti


<!DOCTYPE html>

<html>

<head>

<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" >

</script>

<script>

$(document).ready(function(){

$(" .btn1" ).click(function(){

$(" #p1" ).animate({marginLeft:" +=100px" });

});

$(" .btn2" ).click(function(){

$(" #p1" ).animate({marginLeft:" -=100px" });

});

});

</script>

</head>

<body>



<button class=" btn1" >Animate +</button>

<button class=" btn2" >Animate -</button>



<p>This is a paragraph.</p>

<p id=" p1" style=" border:1px solid blue;" >This is an animated paragraph.</p>

<p>This is a paragraph.</p>



</body>

</html>
FB TW Pinterest whatsapp RSS FEED News letter

filoweb.it è il sito personale di Filippo Brunelli
(c) 2017 Filippo Brunelli
Le immagini ed i testi contenuti nel sito filoweb.it sono di proprietà di Filippo Brunelli salvo diversamente indicato.
L'uso delle immagini e del testo è gratuito per uso personale ed è subbordinato alla citazione della fonte.
Brunelli Filippo declina ogni responsabilità per l'uso che viene fatto delle informazioni presenti nel sito filoweb.it.
FILOWEB.it Piccolo quaderno degli appunti. Argomento: jquery, Titolo:Muovere un paragrafo ( o div) con pulsanti. Altri script riguardano: CSS, Jscript, .net, Classic Asp, HTML, Jquery, varie, url rewrite, pagina protetta da password, ecc. Altro su https://www.filoweb.it