https://github.com/zythum/css3-bookTurnPage

https://github.com/zythum/css3-bookTurnPage

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/zythum/css3-bookTurnPage
• Owner: zythum
• Created: 2012-10-21T02:34:55.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2012-10-21T03:32:04.000Z (almost 12 years ago)
• Last Synced: 2024-06-27T09:39:56.207Z (3 months ago)
• Language: JavaScript
• Size: 9.86 MB
• Stars: 50
• Watchers: 4
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
无需类库支持的css3类似书本翻页效果

---

导入

``

``

配置

```javascript

	var aBook = book('book',{

		 width:576

		,height: 360

		,bookmark: 2

	})

	// 初始化

	//第一个参数为id字符串或者node结构

	//第二个值是参数。

	//  width ,height初始化大小 也可以不写自己用样式在定也可以

	//  bookmark 初始化定位在第几页

	//  

	// 方法

	// aBook.prev()    上一页

	// aBook.next()    下一页

	// aBook.turnTo(n) 翻到第n页

```

demo： [http://zythum.free.bg/book/demo/demo.html](http://zythum.free.bg/book/demo/demo.html)

![demo1](http://ww4.sinaimg.cn/large/a74e55b4jw1dy2nqgo5ahj.jpg)