群仙祝寿图
<meta name="referrer" content="never" />
<style>
.picblk {width:2996.66px;height:720px;overflow:hidden;display:inline_block;}
.picblk img {width:720px;transform-origin:0 0;transform:rotate(90deg) translateY(-2996.66px)}
#outBlk {width:1440px;height:720px;overflow:hidden;position:relative;
margin:32px 0 40px calc(50% - 801px);
}
#picFrame {width:5994px;display:flex;position:absolute;left:0px;
animation: Roll0 60s linear;}
@keyframes Roll0 {
to { left: -2996.66px; }
}
@keyframes Roll1 {
to { left: -2996.66px; }
}
#txtHold {text-indent:2em;letter-spacing:4px; margin:12px auto;height:auto;min-height:5em;line-height:200%; font:bold 1.75em 宋体,宋体_GB2312, sans-serif;width:80%;position:absolute;left:5%; bottom:5%;}
</style>
<div id="outBlk">
<div id="picFrame">
<div class="picblk">
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/dn3qfQzty9aJLdBr5FBxQSbEiaBnKOaQvUaDMvyiad9on97hLzsB1kmqfyVNagst3XoJaJUbSKFnwDH0oXjPHRpQ/640" alt=""/>
</div>
<div class="picblk">
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/dn3qfQzty9aJLdBr5FBxQSbEiaBnKOaQvUaDMvyiad9on97hLzsB1kmqfyVNagst3XoJaJUbSKFnwDH0oXjPHRpQ/640" alt=""/>
</div>
</div>
<pid="txtHold"></p>
</div>
<script>
var contents = [
"《蟠桃宴群仙祝寿》是传统绘画中常见的题材，",
" 讲的是传说中西王母生日当天，在瑶池举办蟠桃盛会，各路神仙前来祝寿的故事。",
" 此幅为清代宫廷画师沈贞绘制，绢本设色，现藏于台北故宫博物院。"];
var txtHold = document.querySelector('#txtHold');
txtHold.innerHTML = '';
var glen = contents.length;
var cIdx = 0;
var gIdx = 0;
var slen = contents.length;
let cStr = '';
function typeWriter() {
cStr += "<span style='color:darkred;'>" + contents.substr(cIdx, 1) + "</span>";
// txtHold.innerHTML = contents.substr(0, cIdx+1);
txtHold.innerHTML = cStr;
cIdx++;
if(cIdx > slen) {
if(gIdx == contents.length - 1) {
setTimeout(() => {
txtHold.innerHTML = '';
cStr = '';
}, 10000);
}
else if(gIdx < contents.length - 1) {
cStr += "<br>";
cIdx = 0;
gIdx++; gIdx %= glen;
slen = contents.length;
setTimeout(typeWriter, 100);
}
}
else {
setTimeout(typeWriter, 100);
}
}
var aniIdx = 0;
picFrame.addEventListener("animationend", () => {
cIdx = 0;
gIdx = 0;
slen = contents.length;
cStr = '';
aniIdx++; aniIdx %= 2;
picFrame.style.animationName = 'Roll' + aniIdx;
setTimeout(typeWriter, 100);
});
setTimeout(typeWriter, 100);
</script>
好壮阔的一幅神仙图啊，天上地下，各路神仙齐聚，为王母娘娘贺寿，太壮观了{:4_199:} 还是头一次见到这么多神仙呢，谢谢难难{:4_187:}
在里面使劲看，看看能认出多少神仙，貌似只知道八仙来了，其他的认不出{:4_173:} 好像还看到了老寿星，那么大的额头很突出。
空中的两个仙女也有趣，一个骑孔雀一个骑凤凰啊{:4_173:} 这个帖子没有音乐的么？好像没听到呢{:4_204:} 问候老师好！精美大图移动佳作，欣赏点赞！{:5_108:}{:4_204:}{:5_116:} 秋思梦景 发表于 2024-11-15 19:40
问候老师好！精美大图移动佳作，欣赏点赞！
https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif 红影 发表于 2024-11-15 13:40
好壮阔的一幅神仙图啊，天上地下，各路神仙齐聚，为王母娘娘贺寿，太壮观了
老板娘的生日啊 红影 发表于 2024-11-15 13:43
还是头一次见到这么多神仙呢，谢谢难难
在里面使劲看，看看能认出多少神仙，貌似只知道八仙来了 ...
八仙的人缘好，认识的人多{:5_106:} 红影 发表于 2024-11-15 13:45
好像还看到了老寿星，那么大的额头很突出。
空中的两个仙女也有趣，一个骑孔雀一个骑凤凰啊
各有各的高招 红影 发表于 2024-11-15 13:45
这个帖子没有音乐的么？好像没听到呢
没音乐，就是让那段说明重复出现（画片开始时）。 起个网名好难 发表于 2024-11-15 20:42
老板娘的生日啊
这称谓用，太不敬了，当心神仙找你麻烦{:4_187:} 起个网名好难 发表于 2024-11-15 20:43
八仙的人缘好，认识的人多
其他的神仙可能也挺厉害，但不如八仙那么有名{:4_173:} 起个网名好难 发表于 2024-11-15 20:43
各有各的高招
自己不想飞，就把会飞的抓来当坐骑，神仙也这么欺负别神仙啊{:4_173:} 起个网名好难 发表于 2024-11-15 20:45
没音乐，就是让那段说明重复出现（画片开始时）。
嗯，看到了，看了说明，才知道了图图的来历{:4_187:} 红影 发表于 2024-11-15 22:11
这称谓用，太不敬了，当心神仙找你麻烦
现在这不是时兴吗 红影 发表于 2024-11-15 22:11
其他的神仙可能也挺厉害，但不如八仙那么有名
打不过没办法--落后就要挨打 红影 发表于 2024-11-15 22:11
其他的神仙可能也挺厉害，但不如八仙那么有名
八仙接地气 红影 发表于 2024-11-15 22:13
嗯，看到了，看了说明，才知道了图图的来历
这帖图没那重要，文字重复显现才是想要的。 很可惜这么宝贵的画卷藏在台湾博物錧。