导读 大家好,精选小编来为大家解答以上问题。booklet翻译,booklet很多人还不知道,现在让我们一起来看看吧!1、首先,必须有booklet2、booklet
大家好,精选小编来为大家解答以上问题。booklet翻译,booklet很多人还不知道,现在让我们一起来看看吧!
1、 首先,必须有booklet
2、 booklet依靠jquery.ui,jquery,jquyer.easing
3、 页面加载如图所示
4、 向页面添加一个div作为“书籍”的容器
5、 div id='mybook'/div
6、 将“page”添加到容器中,booklet会自动将div id='mybook '的子元素识别为页面。
7、 div id='我的书'
8、 差异
9、 h3Yay,第1页!/h3
10、 /div
11、 差异
12、 h3Yay第二页!/h3
13、 /div
14、 差异
15、 h3Yay,第3页!/h3
16、 /div
17、 差异
18、 h3Yay第4页!/h3
19、 /div
20、 /div
21、 初始化booklet, $(' # my book ')。booklet();可以添加一些配置属性,比如长度、宽度、速度、起始页、阴影等。
22、 $('#mybook ')。booklet({
23、 宽度: 600,
24、 身高: 200,
25、 速度: 250,
26、 起始页: 1,
27、 pageNumbers: true
28、 });
29、 在浏览器中打开页面,就可以看到“书”了。将鼠标移动到书的边缘,就会出现滚动的效果,如下图所示。
本文到此结束,希望对大家有所帮助。