Class: .p: Difference between revisions

From Turn.js Documentation
Jump to navigation Jump to search
(Created page with "<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>")
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
This class describes a particular page. For instance, .p1 refers to the first page, .p2 to the second page and so on. You can change the number of a page no matter its order in the HTML:
<pre class="xml">
<div id="flipbook">
  <div class="p100">Page 100</div>
  <div class="p1">Page 1</div>
</div>
</pre>
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>
You can also use it as a jQuery selector:
<pre class="javascript">
$("#flipbook .p100").doSomething();
</pre>

Latest revision as of 06:45, 26 November 2012

This class describes a particular page. For instance, .p1 refers to the first page, .p2 to the second page and so on. You can change the number of a page no matter its order in the HTML:

<div id="flipbook">
  <div class="p100">Page 100</div>
  <div class="p1">Page 1</div>
</div>

<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>

You can also use it as a jQuery selector:

$("#flipbook .p100").doSomething();