网站建设资讯

NEWS

网站建设资讯

javascript小说,javascript书籍

怎么用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://cdweb.net/article/dsipccs.html