jqPresentation

jqPresentation is a jQuery-based presentation framework.

Using jqPresentation, you can create PowerPoint-style presentations with text, images, and animation.

You can write your presentation in standards-compliant and semantic HTML5, then call $('.Presentation').presentation() and let me do the rest.

It's great for presentations about web development, since you can include interactive Javascript features right in the presentation.

Features

• Tracks current position to return to where you were up to after following links2 (jqPresen Demo)
• Tracks current position to return to where you were up to after following links1 (Notebook)
• Tracks current position to return to where you were up to after following links1 (Notebook(和文:IE以外))
• Tracks current position to return to where you were up to after following links3 (Vegas2)

Controls

• Move forwards one item: →, ↓,                  
• Move backwards one item: ←, ↑
• Move forwards one slide: Page Down
• Move backwards one slide: Page Up
• Move to beginning of presentation: Home
• Move to end of presentation: End

Clicking a blank area of the current slide will advance one item.
Clicking an adjacent slide will move to that slide.

If the jQuery mousewheel plugin is installed, the scroll wheel will move back and forth one item at a time.

Instructions

<article class="Presentation">
    <section class="Slide">
        <h1>Slide Title</h1>
        <p class="Item">
            This element will slide down when you click.
        </p>
    </section>
    <section class="Slide">
        ...
    </section>
</article>

$('.Presentation').presentation();

For more information, see the readme.

Download