Filoweb.it

Muovere un paragrafo ( o div) con pulsanti


FB TW G+ 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 G+ 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 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 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