DHTML

Движущийся фон
Движущиеся объекты
Подсветка кнопок
Выпадающие меню
Ожидание загрузки
Drag'n'Drop
Титры
Телетайп
Попади в меня!
Анимация
ActiveX
Прозрачность
Эффекты загрузки
Шлейф
Шторы

JavaScript


Книги

English | Главная


Полезные ссылки:



Эффекты загрузки | Описание

Если Вы хотите использовать любой из наших примеров, поставьте на нас ссылку.
Здесь Вы можете взять готовый HTML-код для такой ссылки.

<html>
<head>
<title>www.redmount.com - DHTML - Эффекты загрузки</title>
</head>
<body bgcolor="White" leftmargin=15 marginwidth=15><br>

<form name="form">
<SELECT NAME="nfilter">
        <OPTION VALUE=0>1.Box in</OPTION>
        <OPTION VALUE=1>2.Box out</OPTION>
        <OPTION VALUE=2>3.Circle in</OPTION>
        <OPTION VALUE=3>4.Circle out</OPTION>
                <OPTION VALUE=4>5.Wipe Up</OPTION>
        <OPTION VALUE=5>6.Wipe Down</OPTION>
        <OPTION VALUE=6>7.Wipe Right</OPTION>
        <OPTION VALUE=7>8.Wipe Left</OPTION>
                <OPTION VALUE=8>9.Vertical blinds</OPTION>
        <OPTION VALUE=9>10.Horizontal blinds</OPTION>
        <OPTION VALUE=10>11.Checkerboard across</OPTION>
        <OPTION VALUE=11>12.Checkerboard down</OPTION>
                <OPTION VALUE=12>13.Random dissolve </OPTION>
                <OPTION VALUE=13>14.Split vertical in</OPTION>
                <OPTION VALUE=14>15.Split vertical out</OPTION>
                <OPTION VALUE=15>16.Split horizontal in</OPTION>
                <OPTION VALUE=16>17.Split horizontal out</OPTION>
                <OPTION VALUE=17>18.Strips left down</OPTION>
                <OPTION VALUE=18>19.Strips left up</OPTION>
                <OPTION VALUE=19>20.Strips right down</OPTION>
                <OPTION VALUE=20>21.Strips right up</OPTION>
                <OPTION VALUE=21>22.Random bars horizontal</OPTION>
                <OPTION VALUE=22>23.Random bars vertical</OPTION>

</SELECT>

<INPUT TYPE="button" VALUE="Посмотреть" OnClick="doTrans()">
</form>

<script language=javascript>
<!--
function doTrans()
{
if(document.images.logo.filters.item(0).status<2)
{
    document.images.logo.style.visibility="hidden";
        document.images.logo.filters.item(0).transition=document.form.nfilter.value;
    document.images.logo.filters.item(0).Apply();
    document.images.logo.style.visibility="visible";
    document.images.logo.filters.item(0).Play(1);
}
}
//-->
</script>

<IMG ID="logo" SRC="rm.gif" STYLE="filter:revealTrans(Duration=3.0, Transition=2)" ALIGN="center">

</body>
</html>