jquery小说阅读器
⑴ 怎么用JavaScript写一个简单的小说阅读器
<html>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<head>
<title></title>
<script type="text/javascript">
function Reader(content, cID, stopID, continueID) {
this.conLoad = document.getElementById(cID);
this.stopBtn = document.getElementById(stopID);
this.continueBtn = document.getElementById(continueID);
this.content = content;
this.index = 0;
var t = this;
this.stopBtn.onclick = (
function () {
return function () {
t.stopReader(t);
};
})(t);
this.continueBtn.onclick = (
function () {
return function () {
t.continueReader(t);
};
})(t);
}
Reader.prototype = {
startReader : function () {
var t = this;
t.toId = setInterval(function () {
if (t.content[t.index]) {
t.conLoad.innerHTML += t.content[t.index];
}
t.index++;
if (t.content.length == t.index) {
clearInterval(t.toId);
t.conLoad.innerHTML += "【未完待续】";
}
}, 200);
},
stopReader : function (t) {
t.flag = true;
clearInterval(t.toId);
},
continueReader : function (t) {
if (t.flag)
t.startReader();
t.flag = false;
}
};
var content = "蒙古亲王僧格林沁慓悍勇猛,他率领的军队向来号称能征惯战,八旗兵、绿营他都看不上眼,更何况那些临时招募的练勇。可偏偏就是这些他眼中的乌合之众,这些年来在江南战果累累,最终攻下了江宁,夺得了对太平军作战的全胜。" +
"相反地,他的蒙古铁骑在与捻军的角逐中常常打败仗,相形之下,昔日的声威锐减。这个一代天骄的后裔,对曾氏兄弟和湘军窝着一肚皮无名怒火。" +
"湘军进江宁后,打劫财富,屠城纵火,又放走幼天王,朝野谤讟四起,物议沸腾,僧格林沁听了十分得意,赶紧打发富明阿以视察满城为由,去江宁实地了解。谁料曾国荃一吓一贿征服了富明阿,江宁将军回去后向僧格林沁作了假汇报。";
//页面加载完成之后执行。
window.onload = function () {
new Reader(content, "content", "btnStop", "btnContinue").startReader();
};
</script>
<body>
<div id='content'></div>
<div id='operate'><input type='button' id='btnStop' value='stop'/><input type='button' id='btnContinue' value='continue'/></div>
</body>
</html>
⑵ 求一款小说阅读器,务必帮忙
试试iReader啦!!!网络搜索一下!!!
【产品特色】
我的书架:仿真书架风格,打造属于用户自己的个性化电子藏书室。
本地阅读:批量导入,支持TXT, UMD, CHM, HTML/HTM, PDB, EBK2, EPUB。
时尚翻页:读触屏滑动顺畅,体验拟物化逼真的翻页感受。
网络书城:拥有丰富书籍资源,内容资源优质,频道分类全面专业。
个性设置:自定义手势、字体,背景灯风格设置,排版设置,数据备份恢复。
全文搜索:在海量书籍中方便快捷地搜索,更支持模糊搜索书名与作者。
随心操作:软件界面友好,操作简便,功能强大,适合全年龄使用。
⑶ JQ中怎么做出这种效果 我想做的事每隔1秒自动滚动100px的自动阅读小说的功能,应该再加点什么进去
楼主我帮你实现了下,直接把代码复制新建一个html网页,然后点“开始阅读”按钮,看是不是你想要的,想中止,就点“停止”,另:当滚动到底部后,会自动停止。
<!DOCTYPEhtml>
<htmllang="zh">
<head>
<metacharset="UTF-8">
<title>Document</title>
<style>
.article{
width:390px;
height:390px;
overflow-y:auto;
border:1pxsolid#666;
}
</style>
</head>
<body>
<divclass="article">
粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜,粉红西瓜花西瓜,花西瓜粉红西瓜,粉红西瓜花西瓜。
</div>
<buttononclick='begin()'>开始阅读</button>
<buttononclick='stop()'>停止</button>
</body>
<script>
(function($){
vartimer;
window.begin=function(){
timer=setInterval(function(){
varel=$(".article");
varlastScrollTop=el.scrollTop;
el.scrollTop+=100;
if(lastScrollTop==el.scrollTop){
clearInterval(timer);
}
},1000)
};
window.stop=function(){
if(timer){
clearInterval(timer);
}
}
})(function(selector){
returndocument.querySelector(selector);
});
</script>
</html>
⑷ 求一款小说阅读器,界面类似打开文件的界面
需要的资源正在路上,请稍等
20分钟后若未到,记得追问
也有可能是在垃圾箱里
还有有什么问题可以随时hi我
ps.邮箱名:驴是的念来过倒 望采纳
这是我用的一种,效果不错你试试看吧
⑸ 小说阅读器哪个最好
书旗小说,我一直在用,免费阅读很多小说。在360手机助手就可下载。宜搜也不错就是升级后没书旗好用,望采纳
⑹ 小说阅读器哪个书最全
掌阅,qq阅读,书旗,宜搜这些都挺不错的。我用的是掌阅,里面的书就足够我看了。
⑺ 小说阅读器哪个好
免费下载书当然是aa小说阅读器,看书不要钱的,除了有广告,很容易出错。
⑻ 推荐几款好用的小说阅读器,
手机上吗?我用的是宜搜还不错
⑼ 好用的小说阅读器推荐几个
网络阅读,追书神器,免费书城。
其中网络阅读中免费好书较多,而且下载后可在无网状态下阅读,追书神器好书超多,小部分需要追书券,免费书城都是免费好书,但后两个都需要Wi-Fi。