×
HeadHunter and Superjob rezume updater on Ruby on Rails (21 авг 2017)

Практикуемся в написании кода под rails.

Идея Красивая анимация на jQuery

Больше
6 года 4 мес. назад - 6 года 4 мес. назад #1 от ralf
ralf создал эту тему: Красивая анимация на jQuery
Замечательный анимационный эффект переворачивания блоков - для вашего сайта, блога, портфолио - предлагает Luca Manno; для работы плагина необходимы jQuery и jQuery ui. В настройках возможно изменить скорость анимации. Демо плагина смотрим на страничке автора , там же - подробное описание и бесплатная загрузка плагина.

А сейчас - краткая аннотация.

Устанавливаем скрипты, стили и html:
<link rel="stylesheet" type="text/css" href="flip.css">
<script src="jquery.js"></script>
<script src="jquery-ui-1.7.2.custom.min.js"></script>
<script src="flip.js"></script>
<script src="jquery.flip.min.js"></script>
 
<div id="flipbox">Название блока</div>
<div id="flipPad">
	<a href="#" class="left" rel="rl" rev="#777" title="Название 1">Кнопка 1</a>&nbsp;&nbsp;
	<a href="#" class="top" rel="bt" rev="#7A7C54" title="Название 2">Кнопка 2</a>&nbsp;&nbsp;
	<a href="#" class="bottom" rel="tb" rev="#82BD2E" title="Название 3">Кнопка 3</a>&nbsp;&nbsp;
	<a href="#" class="right" rel="lr" rev="#0A93C1" title="Название 4">Кнопка 4</a>&nbsp;&nbsp;
	<a href="#" class="revert">Кнопка 5</a>
</div>
Плагин корректно работает во всех современных версиях браузеров.
Последнее редактирование: 6 года 4 мес. назад от ralf.

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.