秦风 蒹葭 - 于文华

静悟

灵山莲 发表于 2022-2-12 10:49
欣赏老师精美佳作!

谢谢老师欣赏！问好！

静悟

真真 发表于 2022-2-12 10:54
享受美好音画，谢谢老师！

谢谢真真分享！问好！

静悟

许森匡. 发表于 2022-2-12 11:18
欣赏佳作 - 赞！

谢谢许老师支持！问好！

夕阳黄昏

静悟 发表于 2022-2-12 11:26
可以啊，现在就没了。本来旁边还有9个小黑点，加了代码给去掉了。谢谢老师支持！问好！{::hu ...

那些个span可能是多余的，不要完全不影响效果。

歌播放和同步歌词是flash，这个没法说。

银龄

欣赏您的精美佳作，赞一个！

巫荣云师

欣赏老师佳作。点赞！

静悟

夕阳黄昏 发表于 2022-2-12 11:33
那些个span可能是多余的，不要完全不影响效果。

歌播放和同步歌词是flash，这个没法说。

问老师，<ul class="cb-slideshow">
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
        <li><span></span></li>
</ul>是这些代码吗？

这代码去掉后，图片就不会出来了。

夕阳黄昏

静悟 发表于 2022-2-12 15:40
问老师，
        
        

除了这里的这些span标签外，样式表里的span也要去掉。

<style type="text/css">
.items {
z-index: 100;width: 1000px;
height: 600px;position: relative;
box-shadow:  0px 0px 0px 2px #000000, 0px 0px 10px 15px #009100;
margin:100px 0 32px -180px;
background-size:100% 100%;
box-sizing: border-box;
overflow:hidden;border-radius:0.12%;
transform-origin: center;}
ul {
width: 1000px;
height: 100%;
text-align: center;
}

.cb-slideshow li:nth-child(1)  {
background-image: url(https://s4.ax1x.com/2022/02/10/HtY0UO.jpg)
}

.cb-slideshow li:nth-child(2)  {
background-image: url(https://s4.ax1x.com/2022/02/10/Htt6FU.jpg)
}

.cb-slideshow li:nth-child(3)  {
background-image: url(https://s4.ax1x.com/2022/02/10/Htgvo4.jpg)
}

.cb-slideshow li:nth-child(4)  {
background-image: url(https://s4.ax1x.com/2022/02/10/Htt6FU.jpg)
}

.cb-slideshow li:nth-child(5)  {
background-image: url(https://s4.ax1x.com/2022/02/10/Ht2VTe.jpg)
}

.cb-slideshow li:nth-child(6)  {
background-image: url(https://s4.ax1x.com/2022/02/10/Ht2tYj.jpg)
}
.cb-slideshow li:nth-child(7)  {
background-image: url(https://s4.ax1x.com/2022/02/10/HtR8jx.jpg)
}
.cb-slideshow li:nth-child(8)  {
background-image: url(https://s4.ax1x.com/2022/02/10/HtRRUg.jpg)
}
.cb-slideshow li:nth-child(9)  {
background-image: url(https://s4.ax1x.com/2022/02/10/HtRLaF.jpg)
}

.cb-slideshow,.cb-slideshow:after {
position:absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9
}

.cb-slideshow:after {
content: ''
}

.cb-slideshow li  {
width: 870px;
height: 500px;
position: absolute;background-size:100% 100%;filter:contrast(120%);opacity:1.00;
box-shadow: 0px 0px 0px 2px #000000, 0px 0px 5px 7px #009100;
top: 36px;
left: 35px;
opacity: 0;
z-index: 10;
-webkit-backface-visibility: hidden;
-webkit-animation: imageAnimation 54s linear infinite 0s;
-moz-animation: imageAnimation 54s linear infinite 0s;
-o-animation: imageAnimation 54s linear infinite 0s;
-ms-animation: imageAnimation 54s linear infinite 0s;
animation: imageAnimation 54s linear infinite 0s
}
.cb-slideshow li { list-style-type: none;

}
.cb-slideshow li:nth-child(2)  {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s
}

.cb-slideshow li:nth-child(3)  {
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s
}

.cb-slideshow li:nth-child(4)  {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s
}

.cb-slideshow li:nth-child(5)  {
-webkit-animation-delay: 24s;
-moz-animation-delay: 24s;
-o-animation-delay: 24s;
-ms-animation-delay: 24s;
animation-delay: 24s
}

.cb-slideshow li:nth-child(6)  {
-webkit-animation-delay: 30s;
-moz-animation-delay: 30s;
-o-animation-delay: 30s;
-ms-animation-delay: 30s;
animation-delay: 30s
}
.cb-slideshow li:nth-child(7)  {
-webkit-animation-delay: 36s;
-moz-animation-delay: 36s;
-o-animation-delay: 36s;
-ms-animation-delay: 36s;
animation-delay: 36s
}
.cb-slideshow li:nth-child(8)  {
-webkit-animation-delay: 42s;
-moz-animation-delay: 42s;
-o-animation-delay: 42s;
-ms-animation-delay: 42s;
animation-delay: 42s
}
.cb-slideshow li:nth-child(9)  {
-webkit-animation-delay: 48s;
-moz-animation-delay: 48s;
-o-animation-delay: 48s;
-ms-animation-delay: 48s;
animation-delay: 48s
}
@-webkit-keyframes imageAnimation {
100% {
opacity: 0.01;
-webkit-transform:translate(100px,100px) scale(0.01);

-webkit-animation-timing-function: ease-out;
}

25% {
opacity: 0.8;
-webkit-transform: scale(0.1)rotate(360deg);
-webkit-animation-timing-function: ease-out
}
17% {
opacity: 1;
-webkit-transform: scale(1)
}
16% {
opacity: 1;
-webkit-transform: scale(1.2)
}

8% {
opacity: 0;
-webkit-transform:translate(0%,0%) scale(1.6)
}

0% {
opacity: 0.05;
-webkit-transform: scale(1);
}}

#swf {position: absolute;top: 0;
left: 0;
        z-index: 10;
}
.swf1 {position: relative;
        margin-top:0px;margin-LEFT: 0px;
        z-index: 1;
}
.bfq {z-index: 200;POSITION: relative; WIDTH: 1000px;TOP: -130px; LEFT: 60px}
</style>
<div class="items">
<video autoplay="autoplay" height="600" loop="loop" muted="true" src="http://url.amp3a.com/youku.php/XMzUyNTgxMDQxMg==.mp4" style="max-width: 100%; height: auto;filter:contrast(120%);opacity:1.0;transform: scale(1, 1.13)" width="1000" muted  ></video>

<ul class="cb-slideshow">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
</ul>

<div id="swf">
<div class="swf1"><embed allowfullscreen="true" height="600" hspace="0" pluginspage="//www.macromedia.com/go/getflashplayer" quality="high" src="//www.wosowoso.com/flash/5h/woso1_flash_53.swf" type="application/x-shockwave-flash" vspace="0" width="1000" wmode="transparent"></embed></div>


<div style="POSITION: relative; WIDTH: 760px; TOP: 30px; LEFT: 15px">
<div class="bfq"><embed allownetworking="internal" allowscriptaccess="never" flashvars="mp3=http://music.163.com/song/media/outer/url?id=35440023.mp3&amp;lrc=

[00:03.05]蒹葭苍苍，白露为霜。
[00:31.02]所谓伊人，在水一方。
[00:49.07]秦风 蒹葭 - 于文华  LRC：静悟
[01:05.75]蒹葭苍苍，白露为霜。
[01:19.56]所谓伊人，在水一方。
[01:33.52]溯洄从之，道阻且长。
[01:47.31]溯游从之，宛在水中央。
[02:04.80]蒹葭萋萋，白露未晞。
[02:18.66]所谓伊人，在水之湄。
[02:32.69]溯洄从之，道阻且跻。
[02:46.45]溯游从之，宛在水中坻。
[03:01.28]**********
[03:28.23]蒹葭采采，白露未已。
[03:42.27]所谓伊人，在水之涘。
[03:55.99]溯洄从之，道阻且右。
[04:10.21]溯游从之，宛在水中沚。
[04:22.36]水中沚
[04:31.26]
[04:43.15]
&amp;gczt=方正字迹-元童楷隶简体&amp;gczh=42&amp;gcys=000079&amp;gczzys=ff0000&amp;gcljys=ffffff&amp;gcljld=0.5&amp;s=1" height="100" invokeurls="false" src="http://dashan.link/zj/09yhgczz.swf" style="filter:drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #ffffff) drop-shadow(0 0 1px #000000)drop-shadow(0 0 1px #000000) drop-shadow(0 0 1px #000000)drop-shadow(0 0 1px #000000);opacity:1.00;" type="application/x-shockwave-flash" width="870" wmode="transparent"></embed></div>
</div>
</div>

夕阳黄昏

静悟

夕阳黄昏 发表于 2022-2-12 11:33
那些个span可能是多余的，不要完全不影响效果。

歌播放和同步歌词是flash，这个没法说。

老师对flash歌词看不到，下次就试试能看到的。