Turn.js realize the book-flipping effect

JS Plug-in net http://www.ijquery.cn/?p=173

Description: Turn.js is a lightweight (15kb) JQUERY/HTML5 plugin used to create pages like books and magazines that support touch screen devices.
The turn.js supports hardware acceleration to make the page turn effect smoother.
The API allows you to get the currently displayed page number and provides options to customize the default page number, accelerator, shadow, and delay.

Photo Show:

compatible browsers: Ie6+/firefox/google Chrome
official link:http://www.turnjs.com/
js Download:http://www.ijquery.cn/js/turn.js
preview: Http://www.ijquery.cn/demo/turn
package Download:http://www.ijquery.cn/js/turn/turn.zip

HTML code: Note that this script cannot be written in front of head, only after magazine!

[HTML]

<div id= "Magazine" >
<div style= "Background-image:url (images/01.jpg);" ></div>
<div style= "Background-image:url (images/02.jpg);" ></div>
<div style= "Background-image:url (images/03.jpg);" ></div>
<div style= "Background-image:url (images/04.jpg);" ></div>
<div style= "Background-image:url (images/05.jpg);" ></div>
<div style= "Background-image:url (images/06.jpg);" ></div>
</div>
<script type= "Text/javascript" >
$ (' #magazine '). Turn ({width:612, height:400, acceleration:true});
</script>

[/html]

JS Reference Code:

[JS]

<script type= "Text/javascript" src= "Http://www.ijquery.cn/js/jquery-1.7.2.min.js" ></script>
<script type= "Text/javascript" src= "Http://www.ijquery.cn/js/turn.min.js" ></script>

[/js]

CSS code: None

Parameter description:

width:612 width
height:400 height
Page (Type:number, default:1) returns the current number of pages
Shadows (Type:boolean, default:true) jumps to the specified number of pages
Duration (Type:number, default:600) gradient
Acceleration (Type:boolean, default:true) hardware acceleration

Reprint Please specify: Fall in love with jquery» 38th plugin: Turn.js realize the book effect

Turn.js realize the book-flipping effect