整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
多孩子一遇到詩(shī)歌、歷史就覺(jué)得頭疼。雖然每個(gè)字都認(rèn)識(shí)，但是合起來(lái)就是不能理解，記下來(lái)起來(lái)更是難上加難。
為了讓孩子愛(ài)上傳統(tǒng)文化，更輕松地理解中國(guó)古詩(shī)、歷史，中國(guó)制作的大語(yǔ)文國(guó)漫也越來(lái)越多優(yōu)質(zhì)。
叮當(dāng)朋友說(shuō)，她上二年級(jí)的女兒，最近迷上了中國(guó)風(fēng)動(dòng)畫(huà)，現(xiàn)在古詩(shī)、歷史典故隨口就背出來(lái)了……
今天叮當(dāng)就分享曾火遍朋友圈的中國(guó)動(dòng)畫(huà)——《中國(guó)唱詩(shī)班》，沒(méi)想到斷更快一年，近日它又開(kāi)始發(fā)糧了。
8月17日，動(dòng)畫(huà)短片《夜思》開(kāi)播。作為《中國(guó)唱詩(shī)班》系列動(dòng)畫(huà)的第5部作品，動(dòng)畫(huà)短片《夜思》的故事鎖定1932年的東北，講述嘉定籍著名外交家顧維鈞的愛(ài)國(guó)故事。
而在中國(guó)貧窮落后的時(shí)代里，是顧維鈞證明了：弱國(guó)無(wú)外交，除非有強(qiáng)悍的外交官。
關(guān)于顧維鈞最著名的故事，莫過(guò)于他在1919年巴黎和會(huì)上的據(jù)理力爭(zhēng)，并拒絕簽字，表達(dá)民族憤慨。
本片講述的則是顧維鈞另一段更為驚險(xiǎn)、曲折的經(jīng)歷：
1932年，顧維鈞作為國(guó)聯(lián)調(diào)查團(tuán)唯一的中國(guó)代表，前往東北調(diào)查“九一八”事件和偽滿洲國(guó)成立的真相。
在明知生命受到威脅的情況下，他仍然以身犯險(xiǎn)，面對(duì)日本人的威脅阻擾，他不卑不亢，智挫詭計(jì)，揭開(kāi)日本侵占東三省的真相。
這一集動(dòng)畫(huà)的畫(huà)風(fēng)參考了舊時(shí)哈爾濱的照片，美術(shù)風(fēng)格定為了更貼近建筑畫(huà)風(fēng)的水彩風(fēng)，車、飛機(jī)這些不起眼的小物件，全是手繪而成。
、
其實(shí)，自2015年首次亮相網(wǎng)絡(luò)，“中國(guó)唱詩(shī)班”便引發(fā)熱潮：《元日》、《相思》、《游子吟》、《飲湖上初晴后雨》。
每一部圍繞一首詩(shī)，講一個(gè)發(fā)生在嘉定的歷史故事。劇情簡(jiǎn)單，卻非常動(dòng)人。被爸媽們?cè)u(píng)為：給孩子最佳古詩(shī)啟蒙。
作為“中國(guó)唱詩(shī)班”的第一部作品《元日》， 主要講述中國(guó)的傳統(tǒng)節(jié)日——春節(jié)， 在里面有很多春節(jié)原汁原味的講究， 整部短片動(dòng)畫(huà)都充滿著濃濃的年味。
《元日》以孩子的眼睛看著幾百年前的人如何過(guò)春節(jié)。爆竹聲里，小孩們結(jié)伴嬉戲，父輩搭著木梯貼春聯(lián)、掛燈籠，母親們?cè)趶N房忙碌著豐盛的年飯。
充滿中國(guó)傳統(tǒng)特色的畫(huà)風(fēng)，幽默可愛(ài)的人物形象，尊師重道的人生道理，在短短的5分鐘里，也演繹得淋漓盡致。
視頻：https://v.qq.com/x/page/a0173xc0iv5.html
《相思》這部動(dòng)畫(huà)講述了嘉定名士王初桐和發(fā)小六娘之間的故事。
兒時(shí)的他在廚房玩耍，無(wú)意間撿起一顆紅豆，忽然想起在學(xué)堂里學(xué)過(guò)王維那句詩(shī)“此物最相思”。于是，他緊緊攥著紅豆，冒著雨屁顛屁顛跑到讓他最相思的人面前。
長(zhǎng)大之后王初桐和六娘最終沒(méi)能走到一起。王初桐每每看到紅豆，都能想起彼此之間發(fā)生的故事，睹物思人的情感表達(dá)得淋漓盡致。
孩子雖然不理解什么是愛(ài)情，但主人公表達(dá)出的情緒卻可以讓孩子理解詩(shī)歌的悲喜。
《游子吟》根據(jù)清代考據(jù)大家王鳴盛的真實(shí)經(jīng)歷改編，身穿破棉襖的小男孩兒，即將迎來(lái)第一次大考“童子試”。
他想要一件新棉襖，穿著去考試。但家境貧寒的他只能把微小的愿望藏在心底。暮色深沉，小男孩的心愿會(huì)夢(mèng)想成真嗎？
母親期待的眼神，叮當(dāng)怎么覺(jué)得那么熟悉呢？
婁堅(jiān)，年少時(shí)就有神童之名，才華驚世駭俗，是眾人稱羨的才子。但科舉考試的失利，卻把他從得意的頂巔，打入失敗的深淵。
沮喪、懊惱，一蹶不振的婁堅(jiān)，在朋友的勸說(shuō)下登上了夜游的航船。這水中的一葉扁舟載著眾人的歡聲笑語(yǔ)，但也載著他的滿腹憂愁。
孩子可以從《飲湖上初晴后雨》里學(xué)到關(guān)于友情、失敗、堅(jiān)持。
有些寶媽可能會(huì)覺(jué)得孩子沒(méi)有必要去背幾百年前的人說(shuō)的話。除了考試那幾分，基本都沒(méi)用。
如果是以死記硬背的方式，學(xué)習(xí)古詩(shī)確實(shí)沒(méi)有什么太大的意義。但看動(dòng)畫(huà)這個(gè)過(guò)程，會(huì)讓孩子感受到詩(shī)是活的，作者表達(dá)的情緒可以激發(fā)他們對(duì)詩(shī)歌的興趣，給孩子提供以另一種方式感受世界的可能。
編輯：叮當(dāng)派，來(lái)源：華輿、泡爸講知識(shí)、高能E蓓子、灼見(jiàn)、奧苗童書(shū)、集木設(shè)計(jì)，未經(jīng)許可，不得轉(zhuǎn)載用于商業(yè)性活動(dòng)，轉(zhuǎn)載請(qǐng)聯(lián)系授權(quán)。
天主要實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)相當(dāng)于按鍵盤(pán)F11按鍵全屏后的功能效果，還有鎖屏界面展示效果！
具體效果圖如下：
點(diǎn)擊網(wǎng)頁(yè)中的“全屏”，“鎖屏”按鈕即可操作
全屏后的效果
鎖屏的展示界面
實(shí)現(xiàn)代碼如下：
html:
css:
js:
creenfull.js --瀏覽器全屏插件
screenfull.js是用于跨瀏覽器使用JavaScript Fullscreen API的簡(jiǎn)單包裝器, 可讓您將頁(yè)面或任何元素全屏顯示, 并且平滑瀏覽器實(shí)現(xiàn)差異,
github地址：https://github.com/sindresorhus/screenfull.js 。
壓縮版下載地址: https://www.bootcdn.cn/screenfull.js/
項(xiàng)目中需要將后臺(tái)瀏覽器的窗口全屏, 也就是我們點(diǎn)擊一個(gè)按鈕要實(shí)現(xiàn)按F11全屏的效果。
在HTML5中,W3C制定了關(guān)于全屏的API, 就可以實(shí)現(xiàn)全屏幕的效果, 也可以讓頁(yè)面中的圖片,
視頻等全屏目前只有g(shù)oogle 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);實(shí)例:
http://robnyman.github.io/fullscreen/
html代碼:
<p>
<button id="view-fullscreen">Fullscreen</button>
<button id="cancel-fullscreen">Cancel fullscreen</button>
</p>js代碼
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
