分享利用turn.js自动生成翻页书本的个人博客justlog.me

2013-02-05 14:38:06 +08:00
 mytharcher
http://justlog.me

兼容性同turn.js,基本只支持现代浏览器,Win下FF比Chrome好,最佳效果在Mac下。

说说具体原理,首页用jekyll生成所有文章的链接列表,JS初始化时转换为目录和书中每篇文章一个未加载的占位页,具体翻到对应文章页的时候再ajax加载插入文章。对,最关键的一点利用了CSS3的column系列属性做的分页,否则我可不想用程序去切字来计算,太麻烦,虽然turn.js的作者好像在计划这块roadmap。

没有针对移动设备适应,第一次拿出去给朋友显摆的时候就被人拿出台7寸平板来无情的吐槽鄙视了,估计今后啥时候闲的蛋疼了再找时间搞下。

另外图床用的Picasa,所以翻墙才看的了。
2117 次点击
所在节点    分享创造
8 条回复
chendeshen
2013-02-05 23:00:29 +08:00
真的很不错.
puras
2013-02-08 02:46:55 +08:00
看起来感觉不错。
回头用turn.js做个内部的文档试试
jinbakei
2013-02-08 05:51:25 +08:00
牛!!!!!
meteor2013
2013-02-08 06:25:25 +08:00
视觉上的确很酷, 但是长时间用的话对用户来说还是复杂了。用户都是懒的。。
airyland
2013-02-08 08:56:54 +08:00
赞一下。有想过一样的想法,但是没有时间去做。
pyleaf
2013-02-08 11:59:32 +08:00
复杂
shuning112
2013-08-26 14:47:21 +08:00
你用什么语言写的,能不能发个DEMO给我
谢谢

676289919@qq.com
mytharcher
2013-08-27 10:00:35 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/59854

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX