申木的个人主页注册

文章详情

【原创】同步总有一种智慧，让人生坚定从容

申木

加好友

字号调整：大 | 中 | 小

发表于2021-04-09- 09时 阅读 5373 评论2 点赞6

总有一种智慧，让人生坚定从容

本文用格式工厂中软件、视频录制软件录制。音画中视频采用了遮罩代码导入小视频，也同时导入花样字幕等，同步朗读做lrc相比较歌曲更难，同时在一个画面中导入几个代码，做音画定位相当难，我未有信心尝试。我现在只在Dreamweaver中编辑后，在自己电脑中录频上传至美篇网，这样可以保存视频。

总有一种智慧，让人生坚定从容

代码如下：

<div class="pct">
<style type="text/css">
.pcb{margin-right:0}
</style>
<div class="pcb">
<div class="t_fsz">
<table align="center">
<tr>
<td class="t_f" id="postmessage_9363780"><div style="WIDTH: 1150px; POSITION: relative;left: -200px; TOP: -50px;">
<div style="width:1064px;height:730px;background-image:url(http://www.keai99.com/data/attachment/forum/202008/08/155508ittse05ah1lq1qa1.jpg);
overflow:hidden;border-radius:5%;position:relative;border:thick brown ridge;left:310px;top:100px;margin-bottom:120px;background-size:cover;"> <img style="WIDTH: 1125px; HEIGHT: 730px"

src="https://p1-tt.byteimg.com/origin/f000002da51c42b7180?from=pc"
> <div style="MARGIN-TOP: -950px; MARGIN-LEFT: 280px">
<style type="text/css">
.html{ top:10px; left:-20px;
width: 1000px;
height: 830px;
background-size: cover;
transform-origin: center;position: relative;
}
@keyframes slider01{
0%{background: linear-gradient(20deg, #008000, #ff0000, #23a6d5, #000090);}
25%{background: linear-gradient(60deg, #000080, #ff0000, #23a6d5, #fff000);}
50%{background: linear-gradient(90deg, #ee7752, #008000, #23a6d5, #00ff00);}
75%{background: linear-gradient(-80deg, #800080, #ff0000, #23a6d5, #000090);}
100%{background: linear-gradient(-90deg, #000089, #ff0000, #800080, #ffff00);}}
.book{ position: absolute; top:240px; left:57%; transform: rotatez(20deg) rotateX(25deg); } /*页面倾角*/ .书页 { position: absolute; width: 210px; height: 190px; border: 8px solid #689A06; text-align: center; background-color: #cccccc; } /*绝对定位；页面宽高；边框线厚度，样式，颜色；页面居中；页面背景色*/ .书页 p{ font-size: 30px; color: #fff; margin: 10px; } /*页面上的文字属性；外边矩*/ .封面 p{ font-size: 40px; font-weight:bold; color: #fff; margin-top: 10px; } /*封面上的文字属性；外边距*/

.flip-animation-0 { animation: flipBook0 120s 1s infinite normal;} /*封面动画*/ @keyframes flipBook0 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-220deg); } 100% { transform: rotateY(0deg); } }
.flip-animation-1 { animation: flipBook1 120s 5s infinite normal; } /*第一页动画*/ @keyframes flipBook1{ 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-220deg); } 100% { transform: rotateY(0deg); } } .flip-animation-2 { animation: flipBook2 115s 10s infinite normal; } /*第二页动画*/
@keyframes flipBook2 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-210deg); } 100% { transform: rotateY(0deg); } } .flip-animation-3 { animation: flipBook3 110s 15s infinite normal; } /*第三页动画*/
@keyframes flipBook3 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-210deg); } 100% { transform: rotateY(0deg); } } .flip-animation-4 { animation: flipBook4 105s 20s infinite normal; } /*第四页动画*/
@keyframes flipBook4 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-200deg); } 100% { transform: rotateY(0deg); } }
.flip-animation-5 { animation: flipBook5 100s 25s infinite normal; } /*第五页动画*/
@keyframes flipBook5 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-200deg); } 100% { transform: rotateY(0deg); } } .flip-animation-6 { animation: flipBook6 95s 30s infinite normal; } /*第六页动画*/
@keyframes flipBook6 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-190deg); }
100% { transform: rotateY(0deg); } } .flip-animation-7 { animation: flipBook7 90s 35s infinite normal; } /*第七页动画*/
@keyframes flipBook7 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-170deg); }
100% { transform: rotateY(0deg); } } .flip-animation-8 { animation: flipBook8 85s 40s infinite normal; } /*第八页动画*/
@keyframes flipBook8 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-150deg); }
100% { transform: rotateY(0deg); } }
.flip-animation-9 { animation: flipBook9 80s 45s infinite normal; } /*第九页动画*/
@keyframes flipBook9 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-130deg); }
100% { transform: rotateY(0deg); } }
.flip-animation-10 { animation: flipBook10 75s 50s infinite normal; } /*第十页动画*/
@keyframes flipBook10 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-110deg); } 100% { transform: rotateY(0deg); } }
.flip-animation-11 { animation: flipBook11 70s 55s infinite normal; } /*第十一页动画*/
@keyframes flipBook11 { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(-90deg); }
100%{ transform: rotateY(0deg); } }
.flip-animation-12 { animation: flipBook12 65s 60s infinite normal; } /*封底动画*/
@keyframes flipBook12 {
0% { transform: rotateY(0deg); } 50% { transform: rotateY(-10deg); } 100% { transform: rotateY(0deg); } } .preserve-3d{ transform-style: preserve-3d; } .point{ transform-origin: 0% 50%; }

.播放器 {TOP: 720px;LEFT: 50px;
width: 870px;
height: 100px;
box-sizing: border-box;
background-size: cover;
animation: sliderx 10s linear infinite ;
transform-origin: center;position: relative;
opacity:1.9;
}
@keyframes sliderx{ 0%{transform:rotatex(0deg)} 50%{transform:rotatex(-360deg)scale(1.0)}100%{transform:rotatex(-360deg)}}
</style>
<div class="html">
<div class="book preserve-3d">
<div class="book-page-box">
<div class="书页">
<p><img src="https://p1-tt.byteimg.com/origin/pgc-image/153939697479284a08f9fb7?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-11 point">
<div class="书页">
<p><img src="https://p6-tt.byteimg.com/origin/pgc-image/1539398210196fcfa66741c?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-10 point">
<div class="书页">
<p><img src="https://p6-tt.byteimg.com/origin/pgc-image/153939976540542dd825ab1?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-9 point">
<div class="书页">
<p><img src="https://p6-tt.byteimg.com/origin/pgc-image/153939977692439f8ec7398?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-8 point">
<div class="书页">
<p><img src="https://p3-tt.byteimg.com/origin/pgc-image/153939973619838459da862?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-7 point">
<div class="书页">
<p><img src="https://p3-tt.byteimg.com/origin/dfic-imagehandler/f3db2c57-24f9-4746-8c94-c07d06d672a5?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-6 point">
<div class="书页">
<p><img src="https://p6-tt.byteimg.com/origin/pgc-image/15393997948383d1f357a33?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-5 point">
<div class="书页">
<p><img src="https://p1-tt.byteimg.com/origin/dfic-imagehandler/dc99c38d-0630-4e06-b576-3e05fe737e20?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-4 point">
<div class="书页">
<p><img src="https://p6-tt.byteimg.com/origin/pgc-image/15393998053275861e37f0a?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-3 point">
<div class="书页">
<p><img src="https://p3-tt.byteimg.com/origin/dfic-imagehandler/fc2c2c11-501c-4215-8f7a-e31818ca305f?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-2 point">
<div class="书页">
<p><img src="https://p1-tt.byteimg.com/origin/pgc-image/1539399818848a4a54030a2?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-1 point">
<div class="书页">
<p><img src="https://p3-tt.byteimg.com/origin/pgc-image/1539399856121fdba3d42b8?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
<div class="flip-animation-0 point">
<div class="书页">
<p><img src="https://p6-tt.byteimg.com/origin/pgc-image/1539399829849acf984bbde?from=pc" style="width: 200px; height: 180px;" /></p>
</div>
</div>
</div>
</div>
</div>
<div style="MARGIN-TOP: -350px; MARGIN-LEFT: -480px">
<style type="text/css">
#动画{
background-image:url();}
#旋转木马 img{
width:220px;
height: 320px;
position: absolute;
left:0px;
top:25px;
border:6px Yellow double;
border-radius: 100px;
}
#旋转木马 img:nth-child(1){
transform: rotateY(0deg) translateZ(220px);
}
#旋转木马 img:nth-child(2){
transform: rotateY(60deg) translateZ(220px);
}
#旋转木马 img:nth-child(3){
transform: rotateY(120deg) translatez(220px);
}
#旋转木马 img:nth-child(4){
transform: rotateY(180deg) translatez(220px);
}
#旋转木马 img:nth-child(5){
transform: rotateY(240deg) translatez(220px);
}
#旋转木马 img:nth-child(6){
transform: rotateY(300deg) translatez(220px);
}
#旋转木马{
margin: 30px auto;/*让父元素居中*/
width: 220px;
height: 320px;
transform-style: preserve-3d;
animation-name: 起伏木马;
animation-duration: 60s; /*动画完成一个周期需用的秒数*/
animation-iteration-count: infinite; /*动画循环无限 */
animation-timing-function: linear;
position: relative;
}
@keyframes 起伏木马 {
0%{transform: rotateX(0deg) rotateY(0deg) ;}
25%{transform: rotateX(0deg) rotateY(180deg) ;}
50%{transform: rotateX(0deg) rotateY(360deg) ;}
75%{transform: rotateX(-0deg) rotateY(540deg) ;}
100%{transform: rotateX(0deg) rotateY(720deg) ;} }
</style>
<div id="动画">
<div id="img:">
<div id="旋转木马"><img src="https://p3-tt.byteimg.com/origin/46ec0003296966d28eff?from=pc"> <img src="https://p1-tt.byteimg.com/origin/46eb00032674e6d17877?from=pc"> <img src="https://p3-tt.byteimg.com/origin/46ee0002e76d037c60d9?from=pc"> <img src="https://p6-tt.byteimg.com/origin/46ee0002e76efe7623bd?from=pc"> <img src="https://p1-tt.byteimg.com/origin/46ec0003296a62e0cc55?from=pc"> <img src="https://p3-tt.byteimg.com/origin/46eb000326778d46c005?from=pc"></div>
</div>
<div align="center" style="MARGIN-TOP: 0px; MARGIN-LEFT: 200px;">
<style type="text/css">
@keyframes gturn{
15%{transform:rotateY(0deg) rotateX(30deg) rotateZ(-15deg) ; /*Y轴旋转 X、Z轴摆动*/}
85%{transform:rotateY(360deg) rotateX(-30deg) rotateZ(15deg) ; /*Y轴旋转 X、Z轴摆动*/}
}
#gembed {
text-align:center;
width:800px;height:80px;

transform-style:preserve-3d; /* 默认flat 2D */
animation:gturn 15s infinite linear; /*播放时间播放次数为循环缓动效果为匀速 */
}

</style>
<p style="margin-top: -80px; margin-left: 200px" align="center">
<embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://static.oldkids.com.cn/upload/2021/04/03/blog_260780434_20210403183112702.mp3&lrc=
[00:00.00]总有一种智慧，
[00:03.90]让人生坚定从容
[00:06.27]文：渡兰
[00:08.24]主播：诗雨
[00:08.82]日常生活中，
[00:10.50]我们总能看到，
[00:11.86]有的人草率慌张，
[00:14.17]有的人气定神闲；
[00:16.50]有的人一点点小事
[00:18.50]就如同世界末日，
[00:21.35]有的人泰山
[00:22.45]崩于前而色不变。
[00:25.27]于是想，同样是人，
[00:28.40]吃着同样的食物，
[00:30.68]怎么差距这么大？
[00:33.34]其实两种表现，
[00:35.74]是同一种人。
[00:37.47]我们从慌张走向从容，
[00:40.98]由浮躁走向淡泊。
[00:43.31]在生活的磨砺中，
[00:45.35]一边品尝着得失，
[00:47.70]一边学着从容。
[00:50.69]从容的人，无惧风尘
[00:52.89]季羡林说过：
[00:53.60]“纵化大浪中，
[00:55.11]不喜亦不惧。”
[00:57.40]面对俗世中的惊涛骇浪，
[01:01.07]永远保持气定神闲、
[01:03.52]面不改色，
[01:04.85]这是从容的表现。
[01:07.55]著名画家齐白石，
[01:09.81]就是这么一个人。
[01:12.31] 齐白石先生
[01:14.50]有一座右铭：
[01:16.15]“人誉之一笑，
[01:18.06]人骂之一笑。”
[01:20.30]这也是他人生的写照。
[01:23.44]过去很长一段时间，
[01:26.78]齐白石先生的
[01:27.97]画饱受争议，
[01:29.97]有人认可他的画作，
[01:32.62]赞不绝口，
[01:34.18]认为他是百年
[01:35.30]难得一遇的艺术家。
[01:37.51]也有人或出于偏见，
[01:40.59]或出于嫉妒，
[01:42.28]去骂他、
[01:43.47]言语攻击他，
[01:45.06]甚至泼脏水，
[01:46.64]妄自议论他的
[01:48.15]画作、为人。
[01:49.90]而无论哪种，
[01:52.23]齐白石先生都只是
[01:54.20]报之一笑，
[01:55.58]并不往心里去。
[01:57.52]不生气、不懊恼，
[02:00.71]不欣喜、不得意，
[02:02.71]坚持做自己的事，
[02:05.48]这便是齐白石的从容。
[02:08.99]《庄子》曰：
[02:10.83]“且举世誉之而不加劝，
[02:14.24]举世非之而不加沮，
[02:17.93]定乎内外之分，
[02:19.44]辩乎荣辱之境，斯已矣。”
[02:23.07]大概意思是说：
[02:26.30]不因别人的
[02:27.70]夸赞而更加奋勉，
[02:29.77]不因别人的
[02:31.14]诽谤而更加沮丧，
[02:33.37]有自己的分寸，
[02:35.42] 分得清荣辱的界限。
[02:37.91]这是从容笃定的表现。
[02:41.25]从容的人更亲和、
[02:45.15]对世界更友善，
[02:47.24]举止言谈更有气质，
[02:50.58]因此可以获得
[02:51.99]更多的友谊，
[02:53.56]更多的帮助
[02:55.45]以及更多的赞美。
[02:57.28]内心从容的人，
[02:59.42]不畏惧世间风尘。
[03:02.28]愿今后的我们，
[03:04.16]都能成为胸中有乾坤，
[03:06.58]心自在从容的人。
[03:09.69]唯有从容，
[03:11.27]才能过好生活。
[03:13.89]最好的生活，
[03:17.88]以从容为底色
[03:18.16]世间许多东西
[03:19.42]都饱受着争议，
[03:20.64]唯独从容
[03:21.47]二字没有争议。
[03:23.87]许多我们熟知的作家，
[03:26.37]都奉行从容
[03:28.17]为生活的底色，
[03:30.12]这点从他们的
[03:31.90]书名就可以看出：
[03:34.12]老舍的《人生难得是从容》，
[03:38.80]贾平凹的《愿人生从容》，
[03:41.46]梁实秋的《愿人生从容》，
[03:45.63]汪曾祺的
[03:47.52]《人间有味，自在从容》，
[03:50.22]林清玄的《从容的底气》。
[03:53.81]可见，在人这一生中，
[03:56.31]从容有多重要。
[03:59.42]从容，是更高级的
[04:03.36]处世态度，也是生活
[04:05.78]最应该有的底色。
[04:07.82]见过一位老人家，
[04:11.10]八十多岁依然耳聪目明、
[04:15.15]身子硬朗。
[04:16.73]他行走时不急不缓、
[04:19.17]说话时不急不躁。
[04:22.00]后来跟他聊天才知道，
[04:25.21]老人家年轻时爱看书，
[04:27.33]也走出乡镇，
[04:29.44]去见过更大的世面，
[04:32.00]经历的事情多了，
[04:33.99]慢慢的变成
[04:35.68]如今从容的模样。
[04:37.60]除此之外，老人家
[04:41.72]还是附近几个村
[04:43.48]出了名的好秉性。
[04:46.11]几十年风风雨雨，
[04:47.80]很少有人见他生气，
[04:50.17]也从没见他跟谁急过眼，
[04:53.40]永远是气定神闲的样子。
[04:57.92]如果说现实中有智者，
[05:00.74]那一定就是这位
[05:02.67]老者这般气质的人。
[05:05.40]弘一法师认为，
[05:08.81]淡定从容是一个人
[05:11.58]一生应该保持的
[05:14.54]一种状态，
[05:15.41]如果遇到事情
[05:16.84]变得手忙脚乱，
[05:18.40]那么其一生
[05:19.92]什么都不能做好。
[05:22.28]深以为然。
[05:24.22]很少见谁能在手忙脚乱中，
[05:27.87]将事情办好，
[05:30.05]更何况是过生活。
[05:32.29]人生，是一边得到，
[05:36.03]一边失去的过程。
[05:38.89]如果执着于得失，
[05:40.55]因得而欣喜若狂，
[05:44.12]因失而懊悔不已，
[05:46.67]最终反而沉迷其中，
[05:49.35]在苦海中翻腾，
[05:51.30]无法感知平淡生活的好处。
[05:54.91]唯有保持从容的心态，
[05:59.04]看淡得失，
[06:00.90]才能过好这一生。
[06:03.23]经常有人问“
[06:06.83]什么是从容？”
[06:08.56]我认为，
[06:09.90]《小窗幽记》中的一句话，
[06:12.08]道出了本质：
[06:13.98]“宠辱不惊，
[06:16.48]看庭前花开花落；
[06:19.23]去意无留，
[06:20.66]望天空云卷云舒。”
[06:25.55]三十而立，四十不惑，
[06:28.57]五十知天命。
[06:31.69]我们总会在
[06:32.80]未来的某个时刻，
[06:34.47]恍然间明白：
[06:35.87]人生本过客，
[06:38.13]好与坏，终究会淡化；
[06:41.33]苦与乐，终究会遗忘；
[06:45.23]富与贫，
[06:46.42]终究归一抔黄土。
[06:49.20]其执着于生活中
[06:52.91]各种得失、
[06:54.61]好坏，不如看开一些，
[06:56.54]大度看世界，
[06:58.32]从容过生活。
[07:01.34]愿我们能以从容的心，
[07:04.87]面对世间的风云。
[07:07.96]本文结束
[07:09.48]
[07:11.10]

&mp3b=&mp3n=&&gczt=黑体&gczh=50&gcys=ffffff&gczzys=ff0000&gcljys=000000&gcljld=1&gcct=1" height="100" invokeurls="false" quality="high" src="http://dashan.link/zj/dqyhgczz.swf" style="height: 100px; width: 800px; opacity:1.00;" type="application/x-shockwave-flash" width="800" wmode="transparent" id="gembed">
</p>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
</div></td>
</tr>
</table>
</div>
</div>
</div>