diff options
| author | Einar Egilsson <einar@einaregilsson.com> | 2012-05-15 22:52:10 +0200 |
|---|---|---|
| committer | Einar Egilsson <einar@einaregilsson.com> | 2012-05-15 22:52:10 +0200 |
| commit | c011116afd1e7f3f28692c5d5a375199f2d2fa8f (patch) | |
| tree | 611d5ea64aa234d2a74b944483b568b2537b494a | |
| parent | 850e497889f42a3b6eef556cca0acfbd2a199f9d (diff) | |
Add some docs
| -rw-r--r-- | demo.html | 18 |
1 files changed, 15 insertions, 3 deletions
@@ -21,12 +21,20 @@ display:block; height:150px; white-space:pre; + padding:4px; } #card-table { background-color:green; height:400px; width:600px; + border:solid 4px brown; + border-radius:8px; + -webkit-border-radius:8px; + -moz-border-radius:8px; + -ms-border-radius:8px; + -o-border-radius:8px; + box-shadow:#333 0px 0px 7px; } a:visited {color:blue;} </style> @@ -42,10 +50,14 @@ <body> <h1>Cards.js</h1> <code> +//Start by initalizing the library cards.init({table:'#card-table'}); -deck = new cards.Deck(); -deck.addCards(cards.all) -deck.render({immediate:true}); +//Create a new deck of cards +deck = new cards.Deck(); +//cards.all contains all cards, put them all in the deck +deck.addCards(cards.all); +//No animation here, just get the deck onto the table. +deck.render({immediate:true}); </code> <button onclick="execute()">Execute</button> <div id="card-table"> |