怎么用JavaScript写一个简单的小说阅读器

html

创新互联长期为超过千家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为台儿企业提供专业的做网站、网站制作，台儿网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制开发。

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

JavaScript的题

td id="bg1" class="bg" onmouseover="mouseOnTab(event,'book1');"a class="white"小说/a/td

td id="bg2" class="bg" onmouseover="mouseOnTab(event,'book2');"a class="white"非小说/a/td

td id="bg3" class="bg" onmouseover="mouseOnTab(event,'book3');"a class="white"少儿/a/td

将这几个tab加上这个属性

然后 加入JS方法（页内Script标签或者引入的JS都可以）

用JQuery:

function mouseOnTab(e,targetDiv){

var target = $(e.target);

$("#bg1,#bg2,#bg3").attr("class","nobg");

target.attr("class","bg");

$("#book1,#book2,#book3").css("display","none");

$("#"+targetDiv).css("display","block");

}

如果不用JQuery 请追问

看小说 查看目录时弹出“请启用浏览器javascript” 怎么弄

您好，很高兴为您服务！

使用wp版的UC浏览器3.6.1版本测试，在百度搜索“小说”二字，在搜索结果页的“小说热搜榜”的小说，都能正常打开，并不会出现“请启用浏览器javascript”的提示。建议先在菜单-系统设置-清除记录中清理下浏览器数据，然后重启浏览器再次试试。还是不行的话，提供下网址，还有截图核实下。

如果仍有问题，请您继续向我们反馈，我们会第一时间为您跟进。

当前标题：javascript小说,javascript书籍
文章源于：http://kswjz.com/article/dsipccs.html