雍正十二月行乐图

起个网名好难 发表于 2023-2-28 20:56

本帖最后由起个网名好难于 2023-3-1 18:13 编辑 <br /><br /><meta charset="utf-8" >
<style>
.descTxt, .descTitle {
fill:red; line-height:180%;font:bold 32px 仿宋;
}
.descTitle {fill:transparent;font:500 60px 楷体;stroke-width:1px;stroke:hsl(60,100%,60%);}
</style>

<div style="width:680px;padding:12px;margin:auto;background-color:skyblue;overflow:hidden;border-radius:12px;box-shadow:4px 4px 8px black;">

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 900 1200" id="yz12">

<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/3f45e1d137b5b594.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp0" attributename="opacity" from='0' to='1' begin="0;epb.end-2" dur='4s' fill="freeze"></animate>
<animate id="ep0" attributename="opacity" from="1" to="0" begin="bp0.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/5cfbee4c14b222aa.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp1" attributename="opacity" from='0' to='1' begin="ep0.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep1" attributename="opacity" from="1" to="0" begin="bp1.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/8aae00ceadb98594.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp2" attributename="opacity" from='0' to='1' begin="ep1.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep2" attributename="opacity" from="1" to="0" begin="bp2.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/5886a1c1f86a943f.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp3" attributename="opacity" from='0' to='1' begin="ep2.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep3" attributename="opacity" from="1" to="0" begin="bp3.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/acc4e0321d8b59d3.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp4" attributename="opacity" from='0' to='1' begin="ep3.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep4" attributename="opacity" from="1" to="0" begin="bp4.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/05c104a64efaaa12.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp5" attributename="opacity" from='0' to='1' begin="ep4.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep5" attributename="opacity" from="1" to="0" begin="bp5.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/758d728c1bc12eda.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp6" attributename="opacity" from='0' to='1' begin="ep5.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep6" attributename="opacity" from="1" to="0" begin="bp6.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/8b694253c4c71541.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp7" attributename="opacity" from='0' to='1' begin="ep6.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep7" attributename="opacity" from="1" to="0" begin="bp7.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/2a7ce9df035851cf.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp8" attributename="opacity" from='0' to='1' begin="ep7.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep8" attributename="opacity" from="1" to="0" begin="bp8.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/280ea411b0c7fa15.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bp9" attributename="opacity" from='0' to='1' begin="ep8.end-2;" dur='4s' fill="freeze"></animate>
<animate id="ep9" attributename="opacity" from="1" to="0" begin="bp9.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/7fa8d3941fd2c7a5.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bpa" attributename="opacity" from='0' to='1' begin="ep9.end-2;" dur='4s' fill="freeze"></animate>
<animate id="epa" attributename="opacity" from="1" to="0" begin="bpa.begin+10" dur="2s" fill="freeze"></animate>
</image>
<image xlink:href="https://s3.bmp.ovh/imgs/2023/02/28/8f6d813e3bc29590.jpg" opacity='0' x='0' y="0" width="640" height="1200" preserveAspectRatio="none" >
<animate id="bpb" attributename="opacity" from='0' to='1' begin="epa.end-2;" dur='4s' fill="freeze"></animate>
<animate id="epb" attributename="opacity" from="1" to="0" begin="bpb.begin+10" dur="2s" fill="freeze"></animate>
</image>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="500" text-anchor='middle' >正月观灯图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之“山高水长”位于圆明园西南隅，</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>山高水长楼位于坦坦荡荡西面。隔河为土山，平日是圆明园禁军练兵场所。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>有乾隆“土墙”诗碑。每年正月在此设宴招待外藩王公，欣赏烟火表演。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>东有皇子住所“十三所”。</tspan>

<animate attributename="opacity" from='0' to='1' begin="bp0.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep0.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >二月踏青图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之杏花春馆位于九洲景区后湖西北，上下天光西面。</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>本景建自康熙年间，初称菜圃，后亦总称春雨轩。雍正时期被称为杏花村。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>馆舍东西两面临湖，西院有杏花村，馆前有菜圃。仿乡村景色而建，</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>后进行大规模增建，景色更为精致。</tspan>

<animate attributename="opacity" from='0' to='1' begin="bp1.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep1.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >三月赏桃图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之武陵春色</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>在万方安和东北。过石洞，池北为五楹敞轩壶中日月长，</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>东为天然佳妙，南为洞天日月多佳景。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'></tspan>

<animate attributename="opacity" from='0' to='1' begin="bp2.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep2.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >四月流觞图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'></tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>　　对应圆明园四十景之四宜书屋</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'></tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>有殿堂5间，正殿称安澜园，为乾隆南巡后，仿照杭州湾畔海宁一陈姓隅园改建。</tspan>

<animate attributename="opacity" from='0' to='1' begin="bp3.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep3.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >五月竞舟图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之接秀山房</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'></tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>位于福海东岸南部，建于1731年（雍正九年）前后。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>此处前俯巨湖澄碧，远望西山秀色。</tspan>

<animate attributename="opacity" from='0' to='1' begin="bp4.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep4.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >六月纳凉图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之曲院风荷</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>位于福海西岸，是九洲景区到福海景区的过渡区域。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>本景正殿一排5间，仿照杭州西湖曲院改建，跨池还有一座九孔大石桥。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>漫步在九孔桥上，行走在堤岸湖边，观赏着立于绿叶之上、摇曳在湖水中的荷花，</tspan>
<tspan class="descTxt" x="660" y="60" text-anchor='start'>摇曳在湖水中的荷花，闻着沁人肺腑的清香，使人超然脱俗。</tspan>

<animate attributename="opacity" from='0' to='1' begin="bp5.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep5.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >七月乞巧图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之西峰秀色</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>本景号称园中小庐山，仿照江西庐山改建；后垣的花港观鱼，</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>仿照杭州西湖胜景而建。每年七夕，都在此摆设巧宴盛会。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'></tspan>
<animate attributename="opacity" from='0' to='1' begin="bp6.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep6.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >八月赏月图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之澡身浴德</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>澡身浴德是一组以儒家的修身养德思想为意境的景观。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>它主要由三组建筑组成：以澄渊榭为主的一组三幢临水建筑，</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>澄渊榭北面的望瀛洲，以及再向北土山包围中的深柳读书堂。</tspan>
<tspan class="descTxt" x="660" y="60" text-anchor='start'>望瀛洲在澄渊榭北面，是一个建筑在高台上的方亭，用来眺望福海景观。</tspan>
<animate attributename="opacity" from='0' to='1' begin="bp7.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep7.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >九月赏菊图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之上下天光</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>位于九洲景区后湖北岸，慈云普护之西，杏花春馆之东。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>本景是圆明园较早修建的一组建筑，在雍正年间就已经建成。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>上下天光景区的命名来自北宋文豪范仲淹的传世名作《岳阳楼记》中的诗句</tspan>
<tspan class="descTxt" x="660" y="60" text-anchor='start'>“至若春和景明，波澜不惊，上下天光，一碧万顷”。</tspan>
<animate attributename="opacity" from='0' to='1' begin="bp8.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep8.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >十月画像图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之濂溪乐处</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>本景是圆明园中面积最大的园中之园。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>园中心是一个被湖面和小溪所围绕的大岛，岛略偏西北，</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>东南水面较广，湖四周被山环绕团团围住，山水连成一片。</tspan>
<animate attributename="opacity" from='0' to='1' begin="bp9.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="ep9.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >冬月参禅图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之日天琳宇</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>位于圆明园西北，在汇芳书院之南。本景为佛堂。</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>有中前楼、中后楼、西前楼、西后楼，前后楼间有穿堂，</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>各楼之间以天桥相连。中楼前有八角亭“楞严坛”，东有瑞应宫。</tspan>
<animate attributename="opacity" from='0' to='1' begin="bpa.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="epa.begin-2" dur="2s" fill="freeze"></animate>
</text>

<text opacity='0' writing-mode="tb">
<tspan class="descTitle" x="875" y="600" text-anchor='middle' >腊月赏雪图</tspan>
<tspan class="descTxt" x="820" y="60" text-anchor='start'>　　对应圆明园四十景之别有洞天</tspan>
<tspan class="descTxt" x="780" y="60" text-anchor='start'>位于福海东南隅山水间。建于1730年（雍正八年）前后，时称秀清村，</tspan>
<tspan class="descTxt" x="740" y="60" text-anchor='start'>1739年（乾隆四年）定名“别有洞天”，是座亭台错落、环境幽雅的园中园。</tspan>
<tspan class="descTxt" x="700" y="60" text-anchor='start'>雍正时期曾在此处开炉炼丹，</tspan>
<tspan class="descTxt" x="660" y="60" text-anchor='start'>乾隆（1736-1795年在位）、嘉庆（1796-1820年在位）二帝常在此园居住。</tspan>
<animate attributename="opacity" from='0' to='1' begin="bpb.begin+2" dur='4s' fill="freeze"></animate>
<animate attributename="opacity" from="1" to="0" begin="epb.begin-2" dur="2s" fill="freeze"></animate>
</text>

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

<script>
yz12.onmouseover = () => yz12.pauseAnimations();
yz12.onmouseout = () => yz12.unpauseAnimations();

</script>

梦缘发表于 2023-2-28 20:58

精美的图集，欣赏问好！{:4_180:}

起个网名好难 发表于 2023-2-28 21:00

梦缘发表于 2023-2-28 20:58
精美的图集，欣赏问好！

谢谢支持与鼓励

晚上好！

东篱闲人 发表于 2023-2-28 21:03

g高雅漂亮，变化和谐。。。{:5_116:}

起个网名好难 发表于 2023-2-28 21:04

东篱闲人发表于 2023-2-28 21:03
g高雅漂亮，变化和谐。。。

谢谢支持与鼓励

晚上好！

红影发表于 2023-2-28 21:11

果然是皇家气派，楼台亭阁，气势不凡。开眼界了。感谢老师带来的好帖{:4_187:}

起个网名好难 发表于 2023-2-28 21:12

红影发表于 2023-2-28 21:11
果然是皇家气派，楼台亭阁，气势不凡。开眼界了。感谢老师带来的好帖

谢谢支持与鼓励

晚上好！

马黑黑 发表于 2023-2-28 21:36

观赏好作品

起个网名好难 发表于 2023-2-28 21:38

马黑黑发表于 2023-2-28 21:36
观赏好作品

谢谢支持与鼓励

晚上好！

马黑黑 发表于 2023-2-28 21:44

起个网名好难发表于 2023-2-28 21:38
谢谢支持与鼓励

晚上好！

晚上好

庶民发表于 2023-3-1 04:51

这样的图集真的好美，点赞。

起个网名好难 发表于 2023-3-1 06:04

庶民发表于 2023-3-1 04:51
这样的图集真的好美，点赞。

谢谢支持与鼓励

早上好！

醉美水芙蓉 发表于 2023-3-1 07:05

起个网名好难 发表于 2023-3-1 10:23

庶民发表于 2023-3-1 04:51
这样的图集真的好美，点赞。

谢谢支持与鼓励

上午好！

起个网名好难 发表于 2023-3-1 10:23

醉美水芙蓉发表于 2023-3-1 07:05
欣赏老师佳作！

谢谢支持与鼓励

上午好！

红影发表于 2023-3-1 16:46

起个网名好难发表于 2023-2-28 21:12
谢谢支持与鼓励

晚上好！

就是旁边的文字来不及细看，只看了看图图{:4_173:}

起个网名好难 发表于 2023-3-1 18:06

红影发表于 2023-3-1 16:46
就是旁边的文字来不及细看，只看了看图图

想找个动画暂停的法子，找到后给加上。

起个网名好难 发表于 2023-3-1 18:14

红影发表于 2023-3-1 16:46
就是旁边的文字来不及细看，只看了看图图

现在鼠标移到画面上动画就停了。

红影发表于 2023-3-1 19:56

起个网名好难发表于 2023-3-1 18:06
想找个动画暂停的法子，找到后给加上。

嗯嗯，这样好，就可以仔细观看了呢。

红影发表于 2023-3-1 20:13

起个网名好难发表于 2023-3-1 18:14
现在鼠标移到画面上动画就停了。

现在好像轮播的时间变长了，而且可以暂停了。一张张图图看下来，感受着皇家穷奢极欲的生活{:4_173:}

页: [1] 2 3

花潮论坛's Archiver

雍正十二月行乐图