JQuery Animation example

 For watching output click on "Press button".


<!DOCTYPE html>

<html>

<head>

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

</script>

<script>

$(document).ready(function(){

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

    $("div").animate({

      left: '300px',

      width: '200px',

      height: '200px'

    });

  });

});

</script>

</head>

<body>

<h2>JQuery Animation example</h2>

<button>Press</button>

<div style="background:yellow;height:80px;width:120px;position:absolute;"></div>

</body>

</html>

Comments

Post a Comment

Popular Posts