红枫 发表于 2021-9-17 12:56

雄鹰翱翔 发表于 2021-9-17 08:39
欣赏您的佳作,赞一个!


<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<!赏评的主版鹰雄谢感>"体宋仿 me5.4 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/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>

红枫 发表于 2021-9-17 12:58

西椅子胡同 发表于 2021-9-17 05:20
精彩佳作,美不胜收!赞!

<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<!评点与赏欣的您谢感>"体宋仿 me5.4 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/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>

红枫 发表于 2021-9-17 13:31

195400 发表于 2021-9-17 10:12
5楼现在是循环的。只要改一下外框的宽度就可以得到想要的大小。


哦,我明白了:循环播放关键在于G 标签 ID的进出衔接;也明白了其他装饰图片可以放在 SVG 框架内的。感谢您的热情指导!


<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<!谢感分万>"体宋仿 me5.4 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/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-9-17 13:50

红枫 发表于 2021-9-17 13:31
哦,我明白了:循环播放关键在于G 标签 ID的进出衔接;也明白了其他装饰图片可以放在 SVG 框架内的。 ...


<iframe src="http://pan.yinhuabbs.cn/view.php/0a1299f49ba0464158f73afb047f3b16.html" frameborder='0' scrolling='no'
style="width:880px; height:1200px;"></iframe>

用不着分组,一个接一个关系更明确,直观好理解。用分组是因为那些图片本不是一处的。

寒冬残荷 发表于 2021-9-17 15:37

欣赏老师们的精美大作!两位老师制作辛苦了,编辑四十景图的代码要花好多时间呀,仅说文字分行就要花时间了!我看代码都感觉时间太长,没耐心全部看完。仅看了前部分代码。

寒冬残荷 发表于 2021-9-17 16:00


<div style="margin: 0px auto;width:500px; overflow:hidden; border-radius:16px; height:auto !important; min-height:400px; background-image:url(http://d300.paixin.com/thumbs/1076754/39732983/staff_1024.jpg); box-shadow: 0px -5px 10px #42856b, -5px 0px 5px #42856b, 5px 0px 5px #42856b, 0px 5px 10px #42856b; " >
<iframe src="http://tanglianhua.3vcm.vip/yinhua/rmrssj.html" frameborder='0' scrolling='no'
style="width:500px; height:610px;"></iframe>
</div>

寒冬残荷 发表于 2021-9-17 16:03

全部改动文字的位置要花太多时间,没有耐心,反正理解了就行了。:lol

寒冬残荷 发表于 2021-9-17 16:07

背景图改为蓝天白云——与飞鸟应景。标题和作者的文字在动画开始后去掉,动画看起来较洁净:lol

红枫 发表于 2021-9-17 17:23

寒冬残荷 发表于 2021-9-17 16:07
背景图改为蓝天白云——与飞鸟应景。标题和作者的文字在动画开始后去掉,动画看起来较洁净

蓝天白云与飞鸟应景,换页时的观赏效果确实更自然协调些了。

195400 发表于 2021-9-18 19:38

寒冬残荷 发表于 2021-9-17 15:37
欣赏老师们的精美大作!两位老师制作辛苦了,编辑四十景图的代码要花好多时间呀,仅说文字分行就要花时间了 ...

想想办法文本也可以让它自动换行。
页: 1 [2] 3
查看完整版本: 圆明园《四十景图》--------SVG 习作