Navigation Menu

Skip to content

Commit

Permalink
Correcting indentation in docs
Browse files Browse the repository at this point in the history
  • Loading branch information
razorjack committed Mar 3, 2010
1 parent 9c7d686 commit f015fe5
Showing 1 changed file with 39 additions and 39 deletions.
78 changes: 39 additions & 39 deletions README.textile
Expand Up @@ -14,35 +14,35 @@ The following example would filter items in #content with shuffling animation, l

<pre>
$("#content").quicksand($("#data > li"),
{
// all the parameters have sensible defaults
// and in most cases can be optional
duration: 1000,
easing: "swing",
attribute: "data-id",
}
{
// all the parameters have sensible defaults
// and in most cases can be optional
duration: 1000,
easing: "swing",
attribute: "data-id",
}
);
</pre>

The markup could look like this:

<pre>
<ol id="content" class="grid">
<li data-id="red">Red</li>
<li data-id="green">Green</li>
<li data-id="blue">Blue</li>
<li data-id="black">Black</li>
<li data-id="white">White</li>
<li data-id="yellow">Yellow</li>
<li data-id="cyan">Cyan</li>
<li data-id="magenta">Magenta</li>
<li data-id="red">Red</li>
<li data-id="green">Green</li>
<li data-id="blue">Blue</li>
<li data-id="black">Black</li>
<li data-id="white">White</li>
<li data-id="yellow">Yellow</li>
<li data-id="cyan">Cyan</li>
<li data-id="magenta">Magenta</li>
</ol>

<ol id="data" style="display: none;">
<li data-id="cyan">Cyan</li>
<li data-id="magenta">Magenta</li>
<li data-id="yellow">Yellow</li>
<li data-id="black">Black</li>
<li data-id="cyan">Cyan</li>
<li data-id="magenta">Magenta</li>
<li data-id="yellow">Yellow</li>
<li data-id="black">Black</li>
</ol>
</pre>

Expand Down Expand Up @@ -89,17 +89,17 @@ If you don't like HTML5 data-* attributes, you can specify a function instead.

<pre>
$("#content").quicksand($("#data > li"),
{
// all the parameters have sensible defaults
// and in most cases can be optional
duration: 1000,
easing: "swing",
attribute: "data-id",
attribute: function(v) {
// different src of img means: different object
{
// all the parameters have sensible defaults
// and in most cases can be optional
duration: 1000,
easing: "swing",
attribute: "data-id",
attribute: function(v) {
// different src of img means: different object
return $(v).find('img').attr('src');
}
}
}
);

</pre>
Expand All @@ -112,24 +112,24 @@ Quicksand works fine with other plugins. Please note that:

<pre>
$("#content").quicksand($("#data > li"),
{
duration: 1000,
}, function() { // callback function
$('#content a').tooltip();
}
{
duration: 1000,
}, function() { // callback function
$('#content a').tooltip();
}
);
</pre>

* when your items are visually enhanced (eg. font replacement), use @enhancement@ function to refresh/apply during the animation

<pre>
$("#content").quicksand($("#data > li"),
{
duration: 1000,
enhancement: function() {
Cufon.refresh('#content span');
}
}
{
duration: 1000,
enhancement: function() {
Cufon.refresh('#content span');
}
}
);
</pre>

Expand Down

0 comments on commit f015fe5

Please sign in to comment.