5分钟搞定一本小说实例
2016-06-15 22:48
295 查看
第一步:网上下载或其它方式获得文本。用文本编辑器按下图说明添加段落标签和章节标签。
![](http://img.blog.csdn.net/20160615222336310?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
2. 电脑上安装火狐浏览器,或苹果浏览器(以不支持windows系统,但还能运行网页文件)。
3. 编写网页文件如下:
<html>
<HEAD>
<meta charset="gb2312">
<TITLE>paratext/shootec.htm</TITLE>
<link href="paranoveljs/dblreader3.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="paranoveljs/jquery.min.js"></script>
<script type="text/javascript" src="paranoveljs/dblreader3.js"></script>
</HEAD>
<body onload="initialize()" >
<div id="menubar"><ss class="circle">书 库</ss><ss class="circle">章 节</ss>
<ss class="circle">白 天</ss><ss class="circle">字 体</ss>
<input id="check1" type="checkbox" checked="true"><ss class="circle">滑动翻页</ss></div>
<div id="div1" ></div>
<sss id="lpage"></sss><sss id="rpage"></sss>
<div id="div2"></div>
<div id="chaptMenu"></div>
<div id="fontMenu"></div>
</body>
</html>
以上仅为一个文件,可以把类似的文本文件放在一个文件夹(文件夹不能用中文名)。日积月累,形成自己的书库,无需上网,随时阅读。
书库阅读环境大致如下:
全屏模式(白天):
![](http://img.blog.csdn.net/20160615223830708?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
全屏模式(夜间):
![](http://img.blog.csdn.net/20160615223737786?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
![](http://img.blog.csdn.net/20160615223647317?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
由于是文本文件阅读时非常流畅,特别是章节跳转几乎是零等待。此外还可以选择字体和字体大小。
2. 电脑上安装火狐浏览器,或苹果浏览器(以不支持windows系统,但还能运行网页文件)。
3. 编写网页文件如下:
<html>
<HEAD>
<meta charset="gb2312">
<TITLE>paratext/shootec.htm</TITLE>
<link href="paranoveljs/dblreader3.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="paranoveljs/jquery.min.js"></script>
<script type="text/javascript" src="paranoveljs/dblreader3.js"></script>
</HEAD>
<body onload="initialize()" >
<div id="menubar"><ss class="circle">书 库</ss><ss class="circle">章 节</ss>
<ss class="circle">白 天</ss><ss class="circle">字 体</ss>
<input id="check1" type="checkbox" checked="true"><ss class="circle">滑动翻页</ss></div>
<div id="div1" ></div>
<sss id="lpage"></sss><sss id="rpage"></sss>
<div id="div2"></div>
<div id="chaptMenu"></div>
<div id="fontMenu"></div>
</body>
</html>
以上仅为一个文件,可以把类似的文本文件放在一个文件夹(文件夹不能用中文名)。日积月累,形成自己的书库,无需上网,随时阅读。
书库阅读环境大致如下:
全屏模式(白天):
全屏模式(夜间):
由于是文本文件阅读时非常流畅,特别是章节跳转几乎是零等待。此外还可以选择字体和字体大小。
相关文章推荐
- Android Manifest 用法
- Android学习笔记(二九):嵌入浏览器
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 峰回路转,Firefox 浏览器即将重返 iOS 平台
- 回顾 Firefox 历史
- 小白观察:微软释放出其基于 Chromium 的 Edge 浏览器
- Mozilla Firefox试用杂感
- 表格标签table深入了解
- 浏览器 cookie 限制
- WEB标准网页布局中尽量不要使用的HTML标签
- 交换机升级排障实例
- 如何使用jquery easyui创建标签组件
- 玩转浏览器IE7的5个顶级使用技巧
- 字符集导致的浏览器跨站脚本攻击分析
- 更改IE浏览器的图标
- 如何创建ajax对象并兼容多个浏览器
- css ie6 ie7 ff的CSS hack使用技巧
- CSS 浏览器的等宽空格问题解决