Плавное переключение страниц
ForuCoz.Сom - Портал где есть все для ucoz, у нас всегда, самые нужные и интересные php и js скрипты для ucoz и шаблоны для ucoz, огромный выбор иконок и графики для Photoshop.
Logical-Portal.ru Информационно развлекательный портал.
Вы просматриваете материал Плавное переключение страниц. Думаю вам понравился материал Плавное переключение страниц и вы воспользуетесь им! :)
Установка.
1. Создаем функцию, которая будет переключать контент:
Code
<SCRIPT type="tetx/javascript">
function pageAnimate()
{
window.setTimeout("fContent()", 500);
}
function fContent()
{
$('#page2').fadeIn();
}
</SCRIPT>
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>
<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]
Красное - менять на свой сайт.
| Всего комментариев: 0 | |