Небольшое вступление, тут мой предыдущий пост про jquery эффекты, но в целом тему библиотеки jquery надо продолжать.

Библиотека крайне популярная, хотя не единственная. В общем другие библиотеки меня не интересуют.

На Jquery в принципе создаются очень красивые эффекты, так что Flash технологии курят в сторонке.

Есть такая функция в Jquery animate(), про нее и будет речь.

Я как-то раз делал с помощью нее, мм, так сказать, ездящее меню, но уже подзабыл. Заодно решил вспомнить.

1

animate(params, speed, easing, callback);

Кстати, обязательно подключить библиотеку Jquery.

На сайте jquery.com качаем последнюю версию и подключаем между тегами head:

1

<script type="text/javascript" src="jq.js"></script>

Начнем с небольшого показательного примера:

1
2
3

<div id="ss">
  test
</div>

Добавляем в стили:

1
2
3
4
5
6
7
8

#ss{
	background:#f0f0f0;
	border: 1px solid #111;
	padding:3px;
	width:600px;
	height:100px;
	color: #222;
}

И скрипт:

1
2
3
4
5
6
7

$("#ss").click(
function(){
$("#ss").animate(
{
marginTop: "20%",opacity:"0.5"
},3000)
});

Что делает этот скрипт?
При клике на див вызывается функция, которая задает отступ margin 20% и прозрачность задает.Делает это в течени трех секунд и создается ощущение анимации.

На этом все, на данный момент у меня проблемы с доступом в инет и комп.

Рекомендую еще почитать

Вы, можете добавить эту статью, в один из следующих сервисов: