整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
多孩子一遇到詩歌、歷史就覺得頭疼。雖然每個字都認識，但是合起來就是不能理解，記下來起來更是難上加難。
為了讓孩子愛上傳統文化，更輕松地理解中國古詩、歷史，中國制作的大語文國漫也越來越多優質。
叮當朋友說，她上二年級的女兒，最近迷上了中國風動畫，現在古詩、歷史典故隨口就背出來了……
今天叮當就分享曾火遍朋友圈的中國動畫——《中國唱詩班》，沒想到斷更快一年，近日它又開始發糧了。
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小時內與您取得聯系。
