Effect Example
This Effect Example for winDiv, show you the different possible Effects when winDiv open.
Please keep in mind that are only simple effects and normaly you dont need such a effect for a normal webpage. ;)
The Pictures are from Elsch you can see the Images in a better Resolution under http://reifanhp.de/special/fan-art/elsch/
Please wait until the Page is loaded complet.
Images:
winDiv_effect-down
winDiv_effect-up
winDiv_effect-left
winDiv_effect-right
winDiv_effect-height
winDiv_effect-width
winDiv_effect-pop
winDiv_effect-tv
Normal
Other Files like Text, HTML and URLs :
Simple Text File
Simple HTML File
URL 1 - Rei Ayanami Fan HP
URL 2 - Anime Archive
Test W3C Validation:
HTML Code
<script type="text/javascript" src="byrei_windiv-0.8.js"></script> ... <i> Images: </i><br> <h3>winDiv_effect-down</h3> <p><a href="elsch-001.jpg" class="winDiv winDiv_effect-down"><img src="thumb/elsch-001.jpg" width="99" height="130" alt="" style="border: 0;"></a></p> <h3>winDiv_effect-up</h3> <p><a href="elsch-002.jpg" class="winDiv winDiv_effect-up"><img src="thumb/elsch-002.jpg" width="99" height="130" alt="" style="border: 0;"></a> <h3>winDiv_effect-left</h3> <p><a href="elsch-003.jpg" class="winDiv winDiv_effect-left"><img src="thumb/elsch-003.jpg" width="130" height="99" alt="" style="border: 0;"></a><br> <h3>winDiv_effect-right</h3> <p><a href="elsch-004.jpg" class="winDiv winDiv_effect-right"><img src="thumb/elsch-004.jpg" width="130" height="109" alt="" style="border: 0;"></a> <h3>winDiv_effect-height</h3> <p><a href="elsch-005.jpg" class="winDiv winDiv_effect-height"><img src="thumb/elsch-005.jpg" width="99" height="130" alt="" style="border: 0;"></a> <h3>winDiv_effect-width</h3> <p><a href="elsch-006.jpg" class="winDiv winDiv_effect-width"><img src="thumb/elsch-006.jpg" width="81" height="130" alt="" style="border: 0;"></a><br> <h3>winDiv_effect-pop</h3> <p><a href="elsch-007.jpg" class="winDiv winDiv_effect-pop"><img src="thumb/elsch-007.jpg" width="103" height="130" alt="" style="border: 0;"></a> <h3>winDiv_effect-tv</h3> <p><a href="elsch-008.jpg" class="winDiv winDiv_effect-tv"><img src="thumb/elsch-008.jpg" width="100" height="130" alt="" style="border: 0;"></a> <h3>Normal</h3> <p><a href="elsch-018.jpg" class="winDiv"><img src="thumb/elsch-018.jpg" width="99" height="130" alt="" style="border: 0;"></a><br> ... <i> Other Files like Text, HTML and URLs : </i><br> <img src="../../gfx/gif/aname.gif" width="11" height="11" alt="-"><a href="test.txt" class="winDiv winDiv_effect-pop"> Simple Text File </a><br> <img src="../../gfx/gif/aname.gif" width="11" height="11" alt="-"><a href="test.html" class="winDiv winDiv winDiv_effect-height"> Simple HTML File </a><br> <img src="../../gfx/gif/aname.gif" width="11" height="11" alt="-"><a href="http://reifanhp.de/index.htm" class="winDiv winDiv winDiv_effect-width"> URL 1 - Rei Ayanami Fan HP </a><br> <img src="../../gfx/gif/aname.gif" width="11" height="11" alt="-"><a href="http://animearchive.de/index.htm" class="winDiv winDiv_effect-tv"> URL 2 - Anime Archive </a><br> ...