分享利用turn.js自动生成翻页书本的个人博客justlog.me
mytharcher · mytharcher · 2013-02-05 14:38:06 +08:00 · 2086 次点击这是一个创建于 4310 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://justlog.me
兼容性同turn.js，基本只支持现代浏览器，Win下FF比Chrome好，最佳效果在Mac下。
说说具体原理，首页用jekyll生成所有文章的链接列表，JS初始化时转换为目录和书中每篇文章一个未加载的占位页，具体翻到对应文章页的时候再ajax加载插入文章。对，最关键的一点利用了CSS3的column系列属性做的分页，否则我可不想用程序去切字来计算，太麻烦，虽然turn.js的作者好像在计划这块roadmap。
没有针对移动设备适应，第一次拿出去给朋友显摆的时候就被人拿出台7寸平板来无情的吐槽鄙视了，估计今后啥时候闲的蛋疼了再找时间搞下。
另外图床用的Picasa，所以翻墙才看的了。
兼容性同turn.js，基本只支持现代浏览器，Win下FF比Chrome好，最佳效果在Mac下。
说说具体原理，首页用jekyll生成所有文章的链接列表，JS初始化时转换为目录和书中每篇文章一个未加载的占位页，具体翻到对应文章页的时候再ajax加载插入文章。对，最关键的一点利用了CSS3的column系列属性做的分页，否则我可不想用程序去切字来计算，太麻烦，虽然turn.js的作者好像在计划这块roadmap。
没有针对移动设备适应，第一次拿出去给朋友显摆的时候就被人拿出台7寸平板来无情的吐槽鄙视了，估计今后啥时候闲的蛋疼了再找时间搞下。
另外图床用的Picasa，所以翻墙才看的了。
 |
1
chendeshen 2013-02-05 23:00:29 +08:00
真的很不错.
|
 |
2
puras 2013-02-08 02:46:55 +08:00
看起来感觉不错。
回头用turn.js做个内部的文档试试 |
 |
3
jinbakei 2013-02-08 05:51:25 +08:00
牛！！！！！
|
 |
4
meteor2013 2013-02-08 06:25:25 +08:00
视觉上的确很酷， 但是长时间用的话对用户来说还是复杂了。用户都是懒的。。
|
 |
5
airyland 2013-02-08 08:56:54 +08:00
赞一下。有想过一样的想法，但是没有时间去做。
|
 |
6
pyleaf 2013-02-08 11:59:32 +08:00
复杂
|
 |
7
shuning112 2013-08-26 14:47:21 +08:00
|
 |
8
mytharcher OP @shuning112 详情请参照 http://turnjs.com/
|
Select Language