【原生Javascript案例】封装小说阅读器插件

完整代码地址：原生JS开发小说阅读器插件

;(function() {var sHeight = getViewportSize().height, // 视口的高度wHeight = getScrollSize().height,   // 文档的高度playing = false, // 默认不播放t = null; // 定时器var AutoReader = function(opt) {this.playBtn = opt.oPlayer;this.sTopBtn = opt.sTopBtn;var _self = this;addEvent(window, 'scroll', function() {_self.sTopBtnShow();});addEvent(this.sTopBtn, 'click', function() {window.scrollTo(0, 0);});addEvent(this.playBtn, 'click', function() {_self.setAutoPlayer();});}AutoReader.prototype = {setAutoPlayer: function() {// 滚动条的距离var sTop = getScrollOffset().top,_self = this;// 文档的高度 = 视口高度 + 滚动条的距离 =》 滑动到页面底部了if(wHeight === sHeight + sTop) return;if(!playing) {playing = true;t = setInterval(function() {var sTop = getScrollOffset().top;// 滚动到页面底部if(wHeight <= sHeight + sTop) {clearInterval(t);_self.playBtn.innerText = '>';}else {window.scrollBy(0, 5);_self.playBtn.innerText = '| |';}}, 50);}else {clearInterval(t);this.playBtn.innerText = '>';playing = false; // 不播放}},sTopBtnShow: function() {var sTop = getScrollOffset().top,sTopBtn = this.sTopBtn;sTopBtn.style.display = sTop ? 'block' : 'none';}}window.AutoReader = AutoReader;
})();

【原生Javascript案例】封装小说阅读器插件相关推荐

免费小说阅读器(Android版本)全站开源
此小说阅读器只追求两项极简(无广告,无添加) 丰富(内容丰富,只有你想不到的,没有它没有的) 漫品客户端全站开源开源地址: https://github.com/AnyMarvel/ManPin ...
json阅读器_Flutter小说阅读器系列一：使用Bloc模式获取起点小说关键字提示
Bloc模式下的小说关键字提示效果图最近难得有些闲暇时间,所以我又打算做一个小说阅读器,以前倒是用RN+Golang写了一个,不过当时太过放飞自我导致自己看起来都很费力,这次我准备换成Flutter ...
android优化中国风应用、完整NBA客户端、动态积分效果、文件传输、小说阅读器等源码...
Android精选源码 android拖拽下拉关闭效果源码一款优雅的中国风Android App源码 EasySignSeekBar一个漂亮而强大的自定义view15 android仿蘑菇街,蜜芽宝 ...
微信小程序小说阅读器/在线故事阅读丨可以android studio运行
<微信小程序小说阅读器+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采用 ...
安卓手机上有哪些好用的小说阅读器？
现在,使用手机阅读的人真的越来越多了,我在地铁通勤路上经常能看到有人拿着手机看小说.作为小说爱好者,经过多款测评,选出以下小说阅读器,体验相对较好,推荐给喜欢在手机上看小说的朋友们. 第一款:Neat ...
小说阅读器未能连接服务器怎么办,vue移动端小说阅读器vue全家桶项目，已部署到服务器可访问预览...
暑假实习了几个月辞职后,闲着无聊自己开发的一个vue小说阅读器链接预览地址,里面的小说接口调用的是追书神器,然后我把里面的vip和收费章节做了处理加了个换源功能,里面需要收费或者vip的小说都可以免 ...
使用vue全家桶搭建的vue小说阅读器，已部署到服务器可预览
暑假实习了几个月辞职后,闲着无聊自己开发的一个vue小说阅读器链接请使用浏览器打开此链接 http://39.96.55.152(由于域名需要备案用的是ip地址),里面的小说接口调用的是追书神器, ...
python实现小说阅读器
目录简介实现过程结语简介本文使用python语言开发了一个小说阅读器,通过小说书号抓取全部章数的内容,并保存到计算机上:同时也可以通过阅读器读取相应章数的内容: 预览效果:根据填写的小说书号 ...
基于Python（Tkinter）实现（图形界面）小说阅读器【100010450】
计算机网络 Project-小说阅读器一.概述本文为 2019 秋计算机网络课程 Socket 编程实验报告,我选择了小说阅读器作为实现对象.本节主要阐述任务要求.项目概述及文章框架. 1.1 任 ...

【原生Javascript案例】封装小说阅读器插件

【原生Javascript案例】封装小说阅读器插件相关推荐

最新文章

热门文章