整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
多孩子一遇到诗歌、历史就觉得头疼。虽然每个字都认识，但是合起来就是不能理解，记下来起来更是难上加难。
为了让孩子爱上传统文化，更轻松地理解中国古诗、历史，中国制作的大语文国漫也越来越多优质。
叮当朋友说，她上二年级的女儿，最近迷上了中国风动画，现在古诗、历史典故随口就背出来了……
今天叮当就分享曾火遍朋友圈的中国动画——《中国唱诗班》，没想到断更快一年，近日它又开始发粮了。
8月17日，动画短片《夜思》开播。作为《中国唱诗班》系列动画的第5部作品，动画短片《夜思》的故事锁定1932年的东北，讲述嘉定籍著名外交家顾维钧的爱国故事。
而在中国贫穷落后的时代里，是顾维钧证明了：弱国无外交，除非有强悍的外交官。
关于顾维钧最著名的故事，莫过于他在1919年巴黎和会上的据理力争，并拒绝签字，表达民族愤慨。
本片讲述的则是顾维钧另一段更为惊险、曲折的经历：
1932年，顾维钧作为国联调查团唯一的中国代表，前往东北调查“九一八”事件和伪满洲国成立的真相。
在明知生命受到威胁的情况下，他仍然以身犯险，面对日本人的威胁阻扰，他不卑不亢，智挫诡计，揭开日本侵占东三省的真相。
这一集动画的画风参考了旧时哈尔滨的照片，美术风格定为了更贴近建筑画风的水彩风，车、飞机这些不起眼的小物件，全是手绘而成。
、
其实，自2015年首次亮相网络，“中国唱诗班”便引发热潮：《元日》、《相思》、《游子吟》、《饮湖上初晴后雨》。
每一部围绕一首诗，讲一个发生在嘉定的历史故事。剧情简单，却非常动人。被爸妈们评为：给孩子最佳古诗启蒙。
作为“中国唱诗班”的第一部作品《元日》， 主要讲述中国的传统节日——春节， 在里面有很多春节原汁原味的讲究， 整部短片动画都充满着浓浓的年味。
《元日》以孩子的眼睛看着几百年前的人如何过春节。爆竹声里，小孩们结伴嬉戏，父辈搭着木梯贴春联、挂灯笼，母亲们在厨房忙碌着丰盛的年饭。
充满中国传统特色的画风，幽默可爱的人物形象，尊师重道的人生道理，在短短的5分钟里，也演绎得淋漓尽致。
视频：https://v.qq.com/x/page/a0173xc0iv5.html
《相思》这部动画讲述了嘉定名士王初桐和发小六娘之间的故事。
儿时的他在厨房玩耍，无意间捡起一颗红豆，忽然想起在学堂里学过王维那句诗“此物最相思”。于是，他紧紧攥着红豆，冒着雨屁颠屁颠跑到让他最相思的人面前。
长大之后王初桐和六娘最终没能走到一起。王初桐每每看到红豆，都能想起彼此之间发生的故事，睹物思人的情感表达得淋漓尽致。
孩子虽然不理解什么是爱情，但主人公表达出的情绪却可以让孩子理解诗歌的悲喜。
《游子吟》根据清代考据大家王鸣盛的真实经历改编，身穿破棉袄的小男孩儿，即将迎来第一次大考“童子试”。
他想要一件新棉袄，穿着去考试。但家境贫寒的他只能把微小的愿望藏在心底。暮色深沉，小男孩的心愿会梦想成真吗？
母亲期待的眼神，叮当怎么觉得那么熟悉呢？
娄坚，年少时就有神童之名，才华惊世骇俗，是众人称羡的才子。但科举考试的失利，却把他从得意的顶巅，打入失败的深渊。
沮丧、懊恼，一蹶不振的娄坚，在朋友的劝说下登上了夜游的航船。这水中的一叶扁舟载着众人的欢声笑语，但也载着他的满腹忧愁。
孩子可以从《饮湖上初晴后雨》里学到关于友情、失败、坚持。
有些宝妈可能会觉得孩子没有必要去背几百年前的人说的话。除了考试那几分，基本都没用。
如果是以死记硬背的方式，学习古诗确实没有什么太大的意义。但看动画这个过程，会让孩子感受到诗是活的，作者表达的情绪可以激发他们对诗歌的兴趣，给孩子提供以另一种方式感受世界的可能。
编辑：叮当派，来源：华舆、泡爸讲知识、高能E蓓子、灼见、奥苗童书、集木设计，未经许可，不得转载用于商业性活动，转载请联系授权。
天主要实现一个网页相当于按键盘F11按键全屏后的功能效果，还有锁屏界面展示效果！
具体效果图如下：
点击网页中的“全屏”，“锁屏”按钮即可操作
全屏后的效果
锁屏的展示界面
实现代码如下：
html:
css:
js:
creenfull.js --浏览器全屏插件
screenfull.js是用于跨浏览器使用JavaScript Fullscreen API的简单包装器, 可让您将页面或任何元素全屏显示, 并且平滑浏览器实现差异,
github地址：https://github.com/sindresorhus/screenfull.js 。
压缩版下载地址: https://www.bootcdn.cn/screenfull.js/
项目中需要将后台浏览器的窗口全屏, 也就是我们点击一个按钮要实现按F11全屏的效果。
在HTML5中,W3C制定了关于全屏的API, 就可以实现全屏幕的效果, 也可以让页面中的图片,
视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持
var docElm=document.documentElement;
//W3C
if (docElm.requestFullscreen) {
docElm.requestFullscreen();
}
//FireFox
else if (docElm.mozRequestFullScreen) {
docElm.mozRequestFullScreen();
}
//Chrome等
else if (docElm.webkitRequestFullScreen) {
docElm.webkitRequestFullScreen();
}
//IE11
else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
}
if (document.exitFullscreen) {
document.exitFullscreen();
}
else if (document.mozCancelFullScreen) {
document.mozCancelFullScreen();
}
else if (document.webkitCancelFullScreen) {
document.webkitCancelFullScreen();
}
else if (document.msExitFullscreen) {
document.msExitFullscreen();
}
document.addEventListener("fullscreenchange", function () {
fullscreenState.innerHTML=(document.fullscreen)? "" : "not ";}, false);
document.addEventListener("mozfullscreenchange", function () {
fullscreenState.innerHTML=(document.mozFullScreen)? "" : "not ";}, false);
document.addEventListener("webkitfullscreenchange", function () {
fullscreenState.innerHTML=(document.webkitIsFullScreen)? "" : "not ";}, false);
document.addEventListener("msfullscreenchange", function () {
fullscreenState.innerHTML=(document.msFullscreenElement)? "" : "not ";}, false);实例:
http://robnyman.github.io/fullscreen/
html代码:
<p>
<button id="view-fullscreen">Fullscreen</button>
<button id="cancel-fullscreen">Cancel fullscreen</button>
</p>js代码
*请认真填写需求信息，我们会在24小时内与您取得联系。
