tot - jquery/jquery.alternation.html
Not logged in 		[Browse]  [Directory]  [Home]  [Login] 
[Reports]  [Search]  [Timeline] 
  [Raw] 
jquery/jquery.alternation.html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>jQuery Alternation Plugin Demo</title>
        <script type="text/javascript" src="http://jquery.com/src/jquery-latest.pack.js"></script>
        <script type="text/javascript" src="jquery.alternation.js"></script>
    </head>
    <body>              
        <h1>jQuery Alternation Plugin Demo</h1>
        <ul id="test">                  
            <li>
                <a href="#n1">
                    1 Lorem ipsum dolor<br/>
                    1 Lorem ipsum dolor<br/>
                    1 Lorem ipsum dolor<br/>
                </a>
            </li>
            <li>
                <a href="#n2">
                    2 Sit amet, consectetuer<br/>
                    2 Sit amet, consectetuer<br/>
                    2 Sit amet, consectetuer<br/>
                </a>
            </li>                   
            <li>
                <a href="#n3">
                    3 Sdipiscing elit,<br/>
                    3 Sdipiscing elit,<br/>
                    3 Sdipiscing elit,<br/>
                </a>
            </li>                   
            <li>
                <a href="#n4">
                    4 sed diam nonummy nibh euismod tincidunt ut<br/>
                    4 sed diam nonummy nibh euismod tincidunt ut<br/>
                    4 sed diam nonummy nibh euismod tincidunt ut<br/>
                </a>
            </li>                   
        </ul>
        <script type="text/javascript">
            $(document).ready(
                function(){
                    $('#test').alternation({
                        animation: 'fade',
                        speed: 750,
                        timeout: 2000,
                        alternation: 'random',
                        height: '3em'
                    });
            });
         </script>
    </body>
</html>