Home/ Questions/Q 8246475
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T22:31:03+00:00

im using jquery animation for the first time.i have read that animation can be

  • 0

im using jquery animation for the first time.i have read that animation can be done on .Toggle() or.click() functions but i want to suppose chage a bgcolor of a div on page load. i tried it but its not working here is my code.

<html> 
<head>   
<scriptsrc="http://code.jquery.com/jquery-latest.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>   
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery- ui.min.js">
</script>

<script>   $(document).ready(function(){ 
$('block').animate({ backgroundColor: "black" }, 1000);   
});   
</script>   
<style>   
.block { 
color: white;
background-color: #68BFEF;
width: 150px; 
height: 70px;
margin: 10px;    }   
</style> 
</head> <body >   
<div class="block"> hi</div>
 </body> 
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The animation works, your jQuery selector is wrong.

    $('.block').animate({ backgroundColor: "black" }, 1000);

    Notice the ‘.’ in front of ‘block’. You were selecting all elements named block (<block>). With the ‘.’, all elements with the class ‘block’ get selected.

    • 0