html5在线语音阅读,使用ResponsiveVoice.js给网页和APP添加文本语音阅读功能

CSS

语言：

CSSSCSS

确定

body {

height: 100vh;

display: -webkit-box;

display: -webkit-flex;

display: -ms-flexbox;

display: flex;

padding: 0 50px;

background: #FEF9E1;

font-family: 'Roboto', sans-serif;

}

.container {

margin: auto;

text-align: center;

}

#sentence {

margin: 0;

color: #444;

font-size: 38px;

font-family: 'Libre Baskerville', serif;

}

#choose-sentence {

color: #fff;

font-size: 20px;

margin-top: 2em;

font-weight: 400;

padding: 20px 30px;

background: #84CE48;

border-radius: 10px;

letter-spacing: .02em;

display: inline-block;

border: 2px solid #6bb330;

-webkit-transition: background .1s ease-out;

transition: background .1s ease-out;

}

#choose-sentence:hover {

background: #77c735;

}

#choose-sentence:focus {

outline: none;

}

#reset {

cursor: pointer;

color: rgba(0, 0, 0, 0.5);

-webkit-transition: color .1s ease-out;

transition: color .1s ease-out;

}

#reset:hover {

color: rgba(0, 0, 0, 0.75);

}

html5在线语音阅读,使用ResponsiveVoice.js给网页和APP添加文本语音阅读功能相关推荐

用原生JS实现网页调用系统自带的分享功能
流量当下的网络大环境,如何让我们的网站更容易出现在网民的视野中?这里我们就用原生JS实现网页调用系统自带的分享功能,为网页增加一个分享功能! 语法参数: url 要共享的 URL( USVString ...
html5在线显示word文档,JS实现获取word文档内容并输出显示到html页面示例
本文实例讲述了js实现获取word文档内容并输出显示到html页面.分享给大家供大家参考,具体如下: title var w = new activexobject('word.application ...
js语音播报android浏览器,JS 简单调用百度TTS接口实现语音朗读
TTS简介 TTS是Text To Speech的缩写,即"从文本到语音",是人机对话的一部分,让机器能够说话.网页作为世界之窗,自然是向所有人开放的,所以也就包括视力不好的人群了 ...
html页面角落放动漫人物,L2Dwidget.js L2D网页动画人物添加
hexo 添加live2d看板动画 https://www.jianshu.com/p/3a6342e16e57 首先贴出官网代码按如下步骤执行 1️⃣ 首先检查博客主目录下面的 package.j ...
前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)
第1章Html Html:超级文本标记语言(HyperText Markup Language),在浏览器上运行的一种标记语言. 就是给文本加上含有语义的标签. 接下来应该学习更多具体语义标签: 一. ...
HTML5在线编辑器Wysihtml5之Bootstrap扩展
为什么80%的码农都做不了架构师?>>> HTML5在线编辑器Wysihtml5之Bootstrap扩展 bootstrap扩展后的效果 Wysihtml5在线编辑器 boot ...
JAVA毕业设计html5在线医疗系统计算机源码+lw文档+系统+调试部署+数据库
JAVA毕业设计html5在线医疗系统计算机源码+lw文档+系统+调试部署+数据库 JAVA毕业设计html5在线医疗系统计算机源码+lw文档+系统+调试部署+数据库本源码技术栈: 项目架构:B/S ...
html5 在线摄像头,HTML5在线摄像头使用
HTML5在线摄像头应用最近在搞一个考试系统,系统要求要有随机拍照的功能,并且摄像头能够收到js的控制.在线摄像头嘛,就那两种实现的方式:cab或者flash. 暂且不论本人从没学过的flash(事 ...
html5在线客服源码 websocket c#实现， im 即时通讯完整的源代码，在线聊天
html5在线客服源码 websocket c#实现,可扩展 im 即时通讯在线客服系统源代码,客户端使用 websocket实现,服务器端使用C#实现,完整的源代码.可扩展性强根据自己的需求灵活扩 ...

html5在线语音阅读,使用ResponsiveVoice.js给网页和APP添加文本语音阅读功能

html5在线语音阅读,使用ResponsiveVoice.js给网页和APP添加文本语音阅读功能相关推荐

最新文章

热门文章