红枫 发表于 2021-10-9 14:32

代码音画:《唯美花间 蝶舞翩翩》

<DIV style="POSITION: relative; WIDTH: 600px; TOP: 00px; LEFT: 50px"><IFRAME height=1070 marginHeight=0 src="http://pan.yinhuabbs.cn/view.php/e9fe43b0411844d481a8b06b0463f9f5.html" frameBorder=0 width=650 marginWidth=0 scrolling=no></IFRAME></DIV>

<audio src="http://music.163.com/song/media/outer/url?id=488664116.mp3" loop="loop"   ="" autoplay="autoplay"></audio>

195400 发表于 2021-10-10 18:12

红枫 发表于 2021-10-10 16:53
195400 老师,请查收!

就是上传到这里的“公共上传”,代码没改动。背景音乐没响,如果略作改动应该是可以响的。<br>
<div style="width:100%;height:800px;margin-left:200px;overflow:hidden;">
<iframe src="http://pan.yinhuabbs.cn/view.php/d1b1caf285f25d63487f1098fb874ecb.html" scrolling='no' frameborder='0'
style="width:500px;height:800px;"></iframe><audio src="http://jgggbbs.net/yinyue/yhy.mp3" loop autoplay></audio>
</div>

寒冬残荷 发表于 2021-10-13 08:44

195400 发表于 2021-10-10 18:12
就是上传到这里的“公共上传”,代码没改动。背景音乐没响,如果略作改动应该是可以响的。

为什么这个的JS切换图片不可以在手机上有效(看不到切换的图片)?您的《霜叶》那个贴的就可以?

寒冬残荷 发表于 2021-10-12 14:30

195400 发表于 2021-10-11 20:15
31楼和37楼大量id相同,也许是导致整个第4页的回复按钮失灵的原因,31楼注释掉后正常了。

现第4页正常了,第5页不正常。

195400 发表于 2021-10-11 10:49

寒冬残荷 发表于 2021-10-11 10:18
还是JS厉害,喜欢JS的作品。可惜本人学不会。
网上找现成的js库,只了解用法不用关心其原理。

静竹. 发表于 2021-10-9 14:56

老师的代码音画制作很精彩!欣赏点赞!

红枫 发表于 2021-10-9 15:16

静竹. 发表于 2021-10-9 14:56
老师的代码音画制作很精彩!欣赏点赞!


<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<!持支的你谢感,快愉赏欣 >"体宋仿 me5.3 dlob:tnof;%081:thgieh-enil;)fig.6GSWx4/60/01/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',
'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];

var linelen = lxtxt.length;
var txtStr = '';
for(n = linelen - 1; n >=0; n--)      {
      var linetxt = lxtxt;
      for(j = linetxt.length - 1; j>=0;j--)      {
                txtStr += linetxt.charAt(j);
      }
}
document.write(txtStr);
</script>

195400 发表于 2021-10-9 16:16

http://www.yinhuabbs.cn/data/attachment/forum/201912/23/081932efdaeebejfcgdclj.gif

红枫 发表于 2021-10-9 16:26

195400 发表于 2021-10-9 16:16



<script type="text/javascript">

var lxtxt =[">lmth/<",

'>vid/<>naps/<!教请习学多多您向应,赏欣谢感 >"体宋仿 me5.3 dlob:tnof;%081:thgieh-enil;)fig.6GSWx4/60/01/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',

'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];



var linelen = lxtxt.length;

var txtStr = '';

for(n = linelen - 1; n >=0; n--)      {

      var linetxt = lxtxt;

      for(j = linetxt.length - 1; j>=0;j--)      {

                txtStr += linetxt.charAt(j);

      }

}

document.write(txtStr);

</script>

195400 发表于 2021-10-9 16:27

红枫 发表于 2021-10-9 16:26
var lxtxt =[">lmth/

又有CSS动画又有SVG动画,花样蛮多啊:lol

红枫 发表于 2021-10-9 16:37

195400 发表于 2021-10-9 16:27
又有CSS动画又有SVG动画,花样蛮多啊

或许是特效互补吧。纯是瞎琢磨,只是为使音画效果更好些。

西椅子胡同 发表于 2021-10-9 17:32

画面非常漂亮,音乐很是动听,好创意,好制作,赞!

红枫 发表于 2021-10-9 18:40

西椅子胡同 发表于 2021-10-9 17:32
画面非常漂亮,音乐很是动听,好创意,好制作,赞!




<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<!习学你向,赏欣谢感 >"体宋仿 me5.3 dlob:tnof;%081:thgieh-enil;)fig.6GSWx4/60/01/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',
'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];

var linelen = lxtxt.length;
var txtStr = '';
for(n = linelen - 1; n >=0; n--)      {
      var linetxt = lxtxt;
      for(j = linetxt.length - 1; j>=0;j--)      {
                txtStr += linetxt.charAt(j);
      }
}
document.write(txtStr);
</script>

195400 发表于 2021-10-9 19:10

红枫 发表于 2021-10-9 16:37
或许是特效互补吧。纯是瞎琢磨,只是为使音画效果更好些。

仿制一个纯SVG的<br>
<iframe src="http://pan.yinhuabbs.cn/view.php/bd6d8bf40992e8129658585a85bfd676.html" scrolling='no' frameborder='0' width="100%" height='920'></iframe>
页: [1] 2 3 4 5 6 7 8 9
查看完整版本: 代码音画:《唯美花间 蝶舞翩翩》