月季花 --- 向《西椅子胡同》网友学习SVG动画
只是个练习，画片很少:L <br><iframe src="http://cesholl.cn3v.work/src/月季花.html" frameborder='0' scrolling='no'
style="width:820px;height:720px;">
<head><meta content="text/html; charset=utf-8" http-equiv="content-type" /></head>
</iframe>
195400 发表于 2021-8-20 21:21
http://tanglianhua.3vcm.vip/ 这是你的个人网站呀
是呀！您不见主页都是有关莲花的。:lol
195400老师出手不凡！
您只用很少字符就解决了重复播放问题，非常简便实用！
观看195400老师的帖子总会学到新的知识，谢谢技术高超热心助人的195400老师！
西椅子胡同 发表于 2021-8-20 15:30
195400老师出手不凡！
向你学习！ 好贴，欣赏学习了！ 红枫 发表于 2021-8-20 17:23
好贴，欣赏学习了！
http://www.yinhuabbs.cn/data/attachment/forum/201912/21/084215njp5lwls4o0j7pno.gif
老师，为您点赞！还说”眼高手低“，这不就做出来了。老师，您放网页文件就放在中画网这里不好吗？您放的那个网站被360报警。 寒冬残荷 发表于 2021-8-20 20:27
老师，为您点赞！还说”眼高手低“，这不就做出来了。老师，您放网页文件就放在中画网这里不好吗？您放的那 ...
不知道如何放中画网，有且只有那地方我能存放文件，如果不是这论坛对SVG不太友好我就会直接写在论坛里了。 <div id="blk" style="position:relative;width:auto !important;min-height:640px; "></div>
<script type="text/javascript">
var doctxt = "%3Cdiv%20style%3D%22position%3Arelative%3Bwidth%3A800px%3Bheight%3Aauto%20%21important%3Bmin-height%3A600px%3Boverflow%3Ahidden%3Bborder%3Athick%20grey%20solid%3B%0Atext-align%3Acenter%3Bbackground-image%3Aurl%28https%3A//z3.ax1x.com/2021/06/28/Rtl1ld.jpg%29%3Bborder-radius%3A24px%3B%22%3E%0A%3Cspan%20style%3D%22-webkit-background-clip%3Atext%3B%0A%09-webkit-text-fill-color%3Atransparent%3B%0A%09-webkit-text-stroke%3A%201px%20rgb%280%2C71%2C171%29%3B%0A%09background-image%3Aurl%28https%3A//z3.ax1x.com/2021/07/10/WSvNo4.gif%29%3B%0A%09font%3Abold%203em%20%u5FAE%u8F6F%u96C5%u9ED1%22%3E%u6708%u5B63%u82B1%u6B23%u8D4F%3C/span%3E%0A%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20%0Astyle%3D%22width%3A800px%3Bheight%3A600px%3Bfont%3Abold%2032px%20%u4EFF%u5B8B%3Bline-height%3A80px%3B%22%3E%0A%0A%3Cimage%20%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakR2t.jpg%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22first_pic%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%220s%3B%20last_pic.end%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20restart%3D%221%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-100%22%20begin%3D%22first_pic.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-100%22%20begin%3D%22first_pic.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221%201%22%20to%3D%221.5%201.5%22%20%0Abegin%3D%22first_pic.begin%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-100%22%20to%3D%220%22%20begin%3D%22first_pic.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-100%22%20to%3D%220%22%20begin%3D%22first_pic.begin+5s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221.5%201.5%22%20to%3D%221%201%22%20%0Abegin%3D%22first_pic.begin+10s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+15s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20id%3D%22txt0%22%20x%3D%22620%22%20y%3D%22550%22%20style%3D%22fill%3Ayellow%3Bopacity%3A0%3B%22%3E%0A%u7B2C%u4E00%u5F20%u56FE%u7247%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+2s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+12s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%3Cimage%20%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/Rak28I.jpg%22%20style%3D%22width%3A1200px%3Bheight%3A900px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+15s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20restart%3D%221%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-200%22%20begin%3D%22first_pic.begin+15s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-75%22%20begin%3D%22first_pic.begin+15s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221%201%22%20to%3D%220.9%200.9%22%20%0Abegin%3D%22first_pic.begin+15s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-200%22%20to%3D%220%22%20begin%3D%22first_pic.begin+20s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-75%22%20to%3D%220%22%20begin%3D%22first_pic.begin+20s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%220.9%200.9%22%20to%3D%221%201%22%20%0Abegin%3D%22first_pic.begin+20s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220.1%22%20begin%3D%22first_pic.begin+25s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20x%3D%2220%22%20y%3D%22550%22%20style%3D%22fill%3Ablue%3Bopacity%3A0%3B%22%3E%0A%u7B2C%u4E8C%u5F20%u56FE%u7247%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+17s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+23s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%3Cimage%20%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakgPA.jpg%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22first_pic%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+25s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20restart%3D%221%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-100%22%20begin%3D%22first_pic.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-100%22%20begin%3D%22first_pic.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221%201%22%20to%3D%221.5%201.5%22%20%0Abegin%3D%22first_pic.begin+25s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-100%22%20to%3D%220%22%20begin%3D%22first_pic.begin+30s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-100%22%20to%3D%220%22%20begin%3D%22first_pic.begin+30s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221.5%201.5%22%20to%3D%221%201%22%20%0Abegin%3D%22first_pic.begin+35s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+40s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20x%3D%22620%22%20y%3D%2250%22%20style%3D%22fill%3Ablue%3Bopacity%3A0%3B%22%3E%0A%u7B2C%u4E09%u5F20%u56FE%u7247%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+27s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+38s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%3Cimage%20%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakY59.jpg%22%20style%3D%22width%3A800px%3Bheight%3A600px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22first_pic%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+40s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20restart%3D%221%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-100%22%20begin%3D%22first_pic.begin+40s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-100%22%20begin%3D%22first_pic.begin+40s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221%201%22%20to%3D%221.5%201.5%22%20%0Abegin%3D%22first_pic.begin+40s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-100%22%20to%3D%220%22%20begin%3D%22first_pic.begin+45s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-100%22%20to%3D%220%22%20begin%3D%22first_pic.begin+45s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221.5%201.5%22%20to%3D%221%201%22%20%0Abegin%3D%22first_pic.begin+45s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+50s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20x%3D%2220%22%20y%3D%2250%22%20style%3D%22fill%3Ayellow%3Bopacity%3A0%3B%22%3E%0A%u7B2C%u56DB%u5F20%u56FE%u7247%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+42s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+48s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%3Cimage%20%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakNCR.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22first_pic%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+50s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20restart%3D%221%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221%201%22%20to%3D%220.5%200.5%22%20%0Abegin%3D%22first_pic.begin+50s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%220.5%200.5%22%20to%3D%221%201%22%20%0Abegin%3D%22first_pic.begin+55s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+60s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20x%3D%2220%22%20y%3D%2250%22%20style%3D%22fill%3Ayellow%3Bopacity%3A0%3B%22%3E%0A%u7F29%u5C0F%u3001%u8FD8%u539F%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+52s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+58s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%3Cimage%20%20xlink%3Ahref%3D%22https%3A//z3.ax1x.com/2021/06/29/RakU81.jpg%22%20style%3D%22width%3A1600px%3Bheight%3A1200px%3B%20opacity%3A0%3B%22%20x%3D%220px%22%20y%3D%220px%22%3E%0A%3Canimate%20id%3D%22first_pic%22%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+60s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20restart%3D%221%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%220%22%20to%3D%22-400%22%20begin%3D%22first_pic.begin+60s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%220%22%20to%3D%22-300%22%20begin%3D%22first_pic.begin+65s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221%201%22%20to%3D%221.5%201.5%22%20%0Abegin%3D%22first_pic.begin+65s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22scale%22%20%20from%3D%221.5%201.5%22%20to%3D%221%201%22%20%0Abegin%3D%22first_pic.begin+70s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22x%22%20from%3D%22-400%22%20to%3D%220%22%20begin%3D%22first_pic.begin+70s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22y%22%20from%3D%22-300%22%20to%3D%220%22%20begin%3D%22first_pic.begin+75s%22%20dur%3D%225s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20id%3D%22last_pic%22%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+80s%22%20dur%3D%222s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/image%3E%0A%3Ctext%20x%3D%2220%22%20y%3D%2250%22%20style%3D%22fill%3Ayellow%3Bopacity%3A0%3B%22%3E%0A%u5DE6%u3001%u4E0A%u3001%u653E%u5927%u3001%u8FD8%u539F%u3001%u53F3%u3001%u4E0B%u79FB%u52A8%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%220%22%20to%3D%221%22%20begin%3D%22first_pic.begin+62s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3Canimate%20attributename%3D%22opacity%22%20from%3D%221%22%20to%3D%220%22%20begin%3D%22first_pic.begin+78s%22%20dur%3D%221s%22%20fill%3D%22freeze%22%20/%3E%0A%3C/text%3E%0A%0A%0A%3C/svg%3E%0A%0A%3C/div%3E%0A";
var blk = document.querySelector('#blk');
blk.innerHTML = unescape(doctxt);
</script>
寒冬残荷 发表于 2021-8-20 20:27
老师，为您点赞！还说”眼高手低“，这不就做出来了。老师，您放网页文件就放在中画网这里不好吗？您放的那 ...
8楼直接贴代码在论坛里，这样可好。 195400 发表于 2021-8-20 20:37
不知道如何放中画网，有且只有那地方我能存放文件，如果不是这论坛对SVG不太友好我就会直接写在论坛里了 ...
此页面上方的”公共上传“就可以上传.html和图片呀。