Установка. 1. Создаем функцию, которая будет переключать контент:
Code
<SCRIPT type="tetx/javascript">
function pageAnimate()
{
window.setTimeout("fContent()", 500);
}
function fContent()
{
$('#page2').fadeIn();
}
</SCRIPT>
2. Создаем обрабатываемую область:
Code
<DIV id="page1">
<IFRAME src="http://megasoft.3dn.ru" 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]
Источник - ulife.3dn.ru