Created
November 29, 2011 19:24
-
-
Save gladson/1406066 to your computer and use it in GitHub Desktop.
Mais ou menos isso!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/EN"> | |
| <html> | |
| <head> | |
| <title>Untitled</title> | |
| <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> | |
| <meta name="generator" content="PyScripter"> | |
| <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | |
| <link rel="stylesheet" type="text/css" href="http://www.dynamicdrive.com/dynamicindex2/sagscroller.css" /> | |
| <script src="http://www.dynamicdrive.com/dynamicindex2/sagscroller.js"> | |
| /*********************************************** | |
| * SAG Content Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com) | |
| * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts | |
| * This notice must stay intact for legal use | |
| ***********************************************/ | |
| </script> | |
| <style type="text/css"> | |
| /* #SAG scroller demo #1 */ | |
| div#mysagscroller{ | |
| width: 200px; /*width of scroller*/ | |
| height:250px; | |
| } | |
| div#mysagscroller ul li{ | |
| background:navy; | |
| color:white; | |
| padding:5px; | |
| margin-bottom:5px; /*bottom spacing between each LI*/ | |
| } | |
| div#mysagscroller ul li:first-letter{ | |
| font-size:28px; | |
| background:white; | |
| color:black; | |
| padding:0 2px; | |
| margin-right:2px; | |
| } | |
| /* #SAG scroller demo #2 */ | |
| div#mysagscroller2{ | |
| width: 250px; /*width of scroller*/ | |
| height:300px; | |
| border:7px solid #C0C0C0; | |
| } | |
| div#mysagscroller2 ul li img{ | |
| border-width:0; | |
| display:block; /*this causes each image to be flush against each other*/ | |
| } | |
| </style> | |
| <script> | |
| //SAG scroller demo #1: | |
| var sagscroller1=new sagscroller({ | |
| id:'mysagscroller', | |
| mode: 'manual' //<--no comma following last option | |
| }) | |
| //SAG scroller demo #2: | |
| var sagscroller2=new sagscroller({ | |
| id:'mysagscroller2', | |
| mode: 'auto', | |
| pause: 2500, | |
| animatespeed: 400 //<--no comma following last option | |
| }) | |
| </script> | |
| </head> | |
| <body> | |
| <div id="mysagscroller2" class="sagscroller"> | |
| <ul> | |
| <li><a href="#"><img src="http://i29.tinypic.com/xp3hns.jpg" /></a></li> | |
| <li><a href="#"><img src="http://i26.tinypic.com/11l7ls0.jpg" /></a></li> | |
| <li><a href="#"><img src="http://i31.tinypic.com/119w28m.jpg" /></a></li> | |
| <li><a href="#"><img src="http://i27.tinypic.com/34fcrxz.jpg" /></a></li> | |
| </ul> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment