Каталог статей
Плавное переключение страниц
Данный скрипт, позволяет реализовать плавное переключение любого контента. Пример здесь.
Установка.1. Создаем функцию, которая будет переключать контент: Code <SCRIPT type="tetx/javascript">
function pageAnimate()
{
window.setTimeout("fContent()", 500);
}
function fContent()
{
$('#page2').fadeIn();
}
</SCRIPT> 2. Создаем обрабатываемую область: Quote <DIV id="page1"> <IFRAME src=" http://forucoz.com;" width="100%" height="500"></IFRAME> </DIV> <DIV id="page2" style="display:none;">
<IFRAME src="http://yandex.ru" width="100%" height="500"></IFRAME>
</DIV> Разумеется, IFRAME меняем на свой. 3. Создаем кнопку, при клике на которой будет выполняться анимация области:
Code <INPUT type="button" value="Click" onclick="$('#page1').fadeOut(); pageAnimate()" />
Готово.Автор урока - [master]
Красное - менять на свой сайт.
Источник материала:
Источник: http://forucoz.com/ |
| Категория: Скрипты для ucoz | Добавил: Timka (22.05.2010)
|
| Просмотров: 289
| Теги:
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |