<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>Опыты с jQuery</title>
<style type="text/css">
#my_div {
background: #cccccc;
width: 100px;
height: 100px;
position: absolute;
}
</style>
<!-- Подключение jQuery -->
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
// Обработчик события загрузки документа
$(document).ready(function(){
// Обработчик щелчка по элементу
$("#my_div").click(function(){
// Берём элемент по ID-у
$("#my_div")
// Изменяем ширину и высоту за 300 мили секунд
.animate({height: 300, width: 300}, 300)
// Изменяем координаты за 500 мс
.animate({left: 200, top: 200}, 500);
});
// Следующий обработчик и т.д. и т.п.
});
</script>
</head>
<body>
<div id="my_div">Щёлкни меня</div>
</body>
</html>
Вот простой пример с jQuery. Чтобы он работал нужно сначала саму либу качнуть
http://docs.jquery.com/Downloading_jQuery. jQuery - это самый популярный фреймворк. По нему куча статей написано, + с ним достаточно просто разобраться. Хотя я конечно сначала рекомендую
http://javascript.ru/book/definitiveguide. Страниц 300 хотя бы осилить. Потом можно про jQuery читнуть
http://www.rsdn.ru/article/inet/jQuery.xml.