【含香音画】闯关东

水墨含香 · 发表于 7 天前

水墨含香 · 发表于 7 天前

带音乐的诵读不好，感觉有点乱

闲云 · 发表于 7 天前

欣赏水墨含香老师的视频佳作，点赞支持，下午好！

水墨含香 · 发表于 7 天前

闲云发表于 2024-11-27 14:49
欣赏水墨含香老师的视频佳作，点赞支持，下午好！

感谢老师首席支持，问好朋友，问您一下，您发的那个高度很高的那个音画的代码能发我试试吗

闲云 · 发表于 7 天前

水墨含香发表于 2024-11-27 14:55
感谢老师首席支持，问好朋友，问您一下，您发的那个高度很高的那个音画的代码能发我试试吗 ...

好的，【音畫】《半生雪》應岸芷汀蘭老師約帖

<div style="position:absolute;z-index:32768;background:none;width:100%;left:0px;margin-top:86px;">
<table align="center" bgcolor="blue" cellpadding="0" cellspacing="0" style="border-width: 160px 160px 0px 0px; border-color: currentColor; left: 0px; top: -0px; width: 1124px; position: relative;">
<tbody>
<tr> <td>
<div style="text-align: center;"> </div>
<div style="text-align: center;"></div>
<div class="cont-area">
<div align="center" style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">
<table align="center" background="https://pic.imgdb.cn/item/641be515a682492fcc372599.jpg" border="4" cellpadding="3" cellspacing="18" height="100" style="border-color: rgb(255, 0, 0);" title="古来稀编制" width="800">
<tbody>
<tr>
<td>
<div style="text-align: center;"><b> <span style="background-color: initial;"> </span></b></div><div style="text-align: center;"><span style="background-color: initial;"><b><br></b></span></div>
<div style="text-align: center;"><font face="华文中宋" size="8"><b style=""><font style="" color="#00ffff">【音畫】</font></b></font></div><div style="text-align: center;"><font face="华文中宋" size="8"><b style=""><font style="" color="#00ffff">《半生雪》應岸芷汀蘭老師約帖</font></b></font></div><div style="text-align: center;"><br></div><div style="text-align: center;"><font color="#ffffff" face="华文中宋" size="6"><br></font></div><div style="text-align: center;"><font color="#ffffff" face="华文中宋" size="5">作者：闲云     素材：网络</font></div><div style="text-align: center;"><font color="#ffffff" face="华文中宋" size="5"><br></font></div><div style="text-align: center;"><br></div><div style="text-align: center;"><div style="text-align: center;"><div class="cont-area">
<div class="nbw-blog-start></p>
</div>
<div center="><marquee>
<div align="center"><span style="font-size:32px;"><span style="font-family:宋体;"><span style="color: rgb(255, 0, 0);"><span style="display: none;">  </span><span style="display: none;"> </span>★★</span><span style="color: rgb(46, 204, 113);"><font color="DeepSkyBlue"><font color="Cyan"><b>《☆ 離退休論壇的老年朋友健康長壽☆》</b></font></font></span><span style="color: rgb(255, 0, 0);">★★</span></span></span><span style="color: rgb(241, 196, 15);"><span style="font-size: 26px;"><span style="color: rgb(241, 196, 15);"><span style="font-size: 26px;"> </span></span></span></span></div>
</marquee><br><img width="1000" src="https://pic.imgdb.cn/item/674558dcd0e0a243d4d10432.jpg">
<div class="nbw-blog-start">
<p>
</p><p></p>
<div class="cont-area">
<div style="width: 1000px;height: 565px;box-shadow: 0px 0px 1px 2px #1b6f2b, 0px 0px 0px 8px #eefef1,0px 0px 5px 15px #1b6f2b;overflow:hidden;border-radius:1%;margin-top:30px;margin-LEFT: 0px;">
<style type="text/css">#papa { margin: 0px 0px ; width: 1000px; height: 565px; background:url('https://pic.imgdb.cn/item/66d96b81d9c307b7e990031a.gif')0px 0px/100% 100%;; box-shadow: 2px 2px 2px #000; position: relative; display: grid; place-items: center; z-index: 10000; overflow:hidden;}
#papa::before { position: absolute; content: '應岸芷汀蘭老師約帖而作'; left: 30px; top: 25px; font: bold 2.2em sans-serif; color: #ff0000; text-shadow: 2px 2px 3px #000000; z-index: 6;}
#mplayer {--ww: 300px;--hh: 180px;--pinpu: linear-gra**nt(to top,darkgreen,snow);position: absolute;bottom: 0px;left:0px;width: var(--ww);height: var(--hh);display: flex;justify-content: center;align-items: flex-end;cursor: pointer;z-index: 10;}
.mLine {position: relative;margin: 0px 0px 0px 0px;width: 10px;height: 10px;clip-path: polygon(50% 0,0 100%, 100% 100%);background: linear-gra**nt(0deg, #00Ff00 8%,#fff000 80%,#fff000 80%);transition: .35s;opacity:1;}
.mLine::before { position: absolute; content: ''; width: 100%; height:2px; background: orange; top: -6px; }
#dt { position: absolute; left: 950px; bottom: 130px; width: 120px; height: 120px; background: url0 0/100% 100%; cursor: pointer; z-index: 2; animation: rot linear 30s infinite; transform: rotateX(0deg) rotateY(0deg) rotate(0deg);}@keyframes rot {0% {transform: rotateX(0deg) rotateY(0deg) rotateZ(20deg)scale(0.2);}
50% {transform: rotateX(0deg) rotateY(0deg) rotateZ(-360deg)scale(2);left: 30px;}
100% {transform: rotateX(0deg) rotateY(0deg) rotateZ(260deg)scale(0.2);top:30px;}
}
.photo {width: 1000px; height: 565px;
position: absolute;z-index: -2;border:2px solid #ffffff;
top:0px; left:0px;filter:contrast(120%)brightness(100%);
opacity: 0;
animation-name: round ;animation-duration: 48s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes round {
0% {opacity: 1;transform:rotateX(-180deg) translateZ(10.90909px);}
5% {opacity: 1;transform: perspective(600px) rotateY(45deg)scale(0.6)}
8% {opacity: 1;transform: perspective(600px) rotateY(-45deg)scale(0.6)}
12% {opacity: 1;transform: perspective(600px) rotateY(0deg)scale(0.6)}
18% {opacity: 0;transform: perspective(600px) rotateY(0deg)scale(1.8)}
}
img:nth-child(1) {animation-delay: 42s;}
img:nth-child(2) {animation-delay: 36s;}
img:nth-child(3) {animation-delay: 30s;}
img:nth-child(4) {animation-delay: 24s;}
img:nth-child(5) {animation-delay: 18s;}
img:nth-child(6) {animation-delay: 12s;}
img:nth-child(7) {animation-delay: 6s;}
img:nth-child(8) {animation-delay: 0s;}
.stop img:nth-child(1) {animation-delay: 42s;animation-play-state: paused;}
.stop img:nth-child(2) {animation-delay: 36s;animation-play-state: paused;}
.stop img:nth-child(3) {animation-delay: 30s;animation-play-state: paused;}
.stop img:nth-child(4) {animation-delay: 24s;animation-play-state: paused;}
.stop img:nth-child(5) {animation-delay: 18s;animation-play-state: paused;}
.stop img:nth-child(6) {animation-delay: 12s;animation-play-state: paused;}
.stop img:nth-child(7) {animation-delay: 6s;animation-play-state: paused;}
.stop img:nth-child(8) {animation-delay: 0s;animation-play-state: paused;}
#img_border{display:inline-block;width:120px;height:120px;position: absolute;top:420px; left:880px;z-index: 80;border-radius:0%; transition: .3s all ease;animation:rotating 10s linear infinite;}
@keyframes rotating {0% {transform: rotateX(0deg) rotateY(0deg)
rotateZ(0deg)scale(0.2);}
50% {transform: rotateX(0deg) rotateY(0deg) rotateZ(-30deg)scale(2);}
100% {transform: rotateX(0deg) rotateY(0deg) rotateZ(360deg)scale(2);}
}
</style>
<div id="papa">
<div id="testImg">
<div id="texiao"><img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b81d9c307b7e990032d.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b81d9c307b7e990033f.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b81d9c307b7e990034c.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b81d9c307b7e990035d.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b81d9c307b7e9900374.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b81d9c307b7e9900383.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/66d96b82d9c307b7e99003a1.jpg"> <img alt="" class="photo" src="https://pic.imgdb.cn/item/67456166d0e0a243d4d10be2.jpg"></div>
</div>
</div></div></div></div></div></div></div><div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"><div style="text-align: center;"><div id="动画"><div id="img:"><div id="旋转木马"><br></div><div id="旋转木马"><br></div>
</div><style type="text/css">.photo {width: 1000px;
height: 565px;
position: absolute;top:0px; left:0px;z-index: 300;
animation: round 48s infinite;
opacity: 0;}
@keyframes round {1% {
opacity: 0;
transform:translate(100%,0%)scale(0);}
5% {
opacity: 1;
transform:translate(100%,0%)scale(0);}
14% {
opacity: 1;
transform:translate(0%,0%)scale(1);}
16% {
opacity: 1;
transform:translate(0%,0%)scale(1);}
24% {
opacity: 0;
transform:translate(-100%,0%)scale(1);}
}
img:nth-child(8) {animation-delay: 42s;}
img:nth-child(7) {animation-delay: 36s;}
img:nth-child(6) {animation-delay: 30s;}
img:nth-child(5) {animation-delay: 24s;}
img:nth-child(4) {animation-delay: 18s;}
img:nth-child(3) {animation-delay: 12s;}
img:nth-child(2) {animation-delay: 6s;}
</style><style type="text/css">#动画{
background-image:url();}
#旋转木马 img{
width:30px;
height: 30px;
position: absolute;
left:0px;
top:-135px;
border:7px Lime double;
border-radius: 150px;
}
#旋转木马 img:nth-child(1){
transform: rotateY(0deg) translateZ(40px);
}
#旋转木马 img:nth-child(4){
transform: rotateY(180deg) translatez(40px);
}
#旋转木马 img:nth-child(5){
transform: rotateY(240deg) translatez(40px);
}
#旋转木马 img:nth-child(6){
transform: rotateY(300deg) translatez(40px);
}
#旋转木马{
margin: 30px auto;/*让父元素居中*/
width: 30px;
height: 30px;
transform-style: preserve-3d;
animation-name: 起伏木马;
animation-duration: 10s; /*动画完成一个周期需用的秒数*/
animation-iteration-count: infinite; /*动画循环无限 */
animation-timing-function: linear;
position: relative;
}
@keyframes 起伏木马 {
100%{transform: rotateX(0deg) rotateY(0deg) ;}
100%{transform: rotateX(10deg) rotateY(180deg) ;}
100%{transform: rotateX(0deg) rotateY(360deg) ;}
100%{transform: rotateX(-10deg) rotateY(540deg) ;}
100%{transform: rotateX(0deg) rotateY(720deg) ;} }
</style>
<div style="margin-top: -111px; margin-left: 0px;">
<p style=" text-align:="><marquee behavior="alternate" scrollamount="7"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3d9a.png" style="width: 160px; height: 161px;filter:contrast(100%); opacity: 100;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3da3.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3dae.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 100;"><img alt="" src="https://pic.imgdb.cn/item/671d94f0d29ded1a8cc3c78b.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17c7f.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 100;"><img alt="" src="https://pic.imgdb.cn/item/671d94f0d29ded1a8cc3c792.png" style="width: 160px; height: 161px; filter:contrast(110%);opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17c98.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17ca2.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3d9a.png" style="width: 160px; height: 161px;filter:contrast(100%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3da3.png" style="width: 160px; height: 161px; filter:contrast(110%);opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3dae.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d94f0d29ded1a8cc3c78b.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17c7f.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 100;"><img alt="" src="https://pic.imgdb.cn/item/671d94f0d29ded1a8cc3c792.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17c98.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 100;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17ca2.png" style="width: 160px; height: 161px; filter:contrast(110%);opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3d9a.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3da3.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671caec9d29ded1a8c0b3dae.png" style="width: 160px; height: 161px;filter:contrast(100%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d94f0d29ded1a8cc3c78b.png" style="width: 160px; height: 161px; filter:contrast(110%);opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17c7f.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d94f0d29ded1a8cc3c792.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17c98.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 100;"><img alt="" src="https://pic.imgdb.cn/item/671d9178d29ded1a8cc17ca2.png" style="width: 160px; height: 161px;filter:contrast(110%); opacity: 47;"></marquee></p>
<p></p></div><div style="text-align: center;"><div align="center"><p></p>
<div style="LEFT: -30px; WIDTH: 1000px; POSITION: relative; TOP: 0px"><font face="华文中宋" color="#ffffff" size="6"><b><p><iframe frameborder="0" height="570" marginheight="0" marginwidth="0" scrolling="no" src="//player.bilibili.com/player.html?isOutside=true&aid=518841521&bvid=BV1Wg411E7vg&cid=923932438&p=1" width="1000"></iframe></p></b></font></div><p></p></div><div style="LEFT: 0px; WIDTH: 910px; POSITION: relative; TOP: -4px"><font face="华文中宋" color="#ffffff" size="6"><b>
</b></font></div></div><p></p><div align="center"><font face="华文中宋" color="#ffffff" size="6"><b><marquee style="font-size: 26pt; width: 80%; line-height: 150%; font-family: 华文中宋;" scrollamount="5" behavior="alternate" font=""><strong><font color="#ff0000">離退休論壇歡迎您</font></strong></marquee></b></font></div><p></p></div></div></div></div></div></div></td></tr></tbody></table><br><p></p></div></div></td></tr>
</tbody></table><p align="center" style="text-align: center;"></p></div>
<div style="height:3527px"></div><center><br>
</center>

复制代码

山里娃 · 发表于 7 天前

唉，不是生活过不下去，谁愿意抛家舍业得去闯关东呢。都是生活逼的呀。
朗诵的时候，可以配一些音乐，但不要用歌声。否则两种声音相互干扰，都听不清楚。

风清 · 发表于 7 天前

欣赏老师精彩视频制作，越做越好了，朗诵感情充沛，但音乐配得不太理想，建议配轻音乐，音量调小一点不要配歌，这样朗诵不突出了。
下午好！

老谟深虑 · 发表于 7 天前

欣赏老师的精美视频，朗诵的很有感情，可惜背景音乐声音太大，听着很乱。

蓝朵1111 · 发表于 7 天前

欣赏你的音画，闯关东。

水墨含香 · 发表于 7 天前

我还是喜欢不加音乐的

		自动登录	找回密码
密码			立即注册

【含香音画】闯关东

评分