DHTML

• Moving Background
• Moving Objects
• Rollover
• Pulldown Menu
• Preloading
• Drag'n'Drop
• Scrolling Text
• Teletype
• Shoot Me!
• Animation
• ActiveX
• Opacity
• Transition
• Mad Bubbles
• Gates

JavaScript


Books

Russian | Main Page


Useful links: About additional certification for the document. Texas apostille.



Transition | Description

If you want to use any of this examples, please put a link to our site.
Here you can find HTML-code for such link.


 
<html>
<head>
<title>www.redmount.com - DHTML - Transition</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="Apply" 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>