分享利用turn.js自动生成翻页书本的个人博客justlog.me
mytharcher mytharcher 2013-02-05 14:38:06 +08:00 2565 次点击这是一个创建于 4707 天前的主题，其中的信息可能已经有所发展或是发生改变。
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