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://hbruida.cn/article/dsipccs.html