34省市地标建筑

起个网名好难 发表于 2025-3-2 15:44

本帖最后由起个网名好难于 2025-3-15 18:27 编辑 <br /><br /><meta charset="utf-8">
<meta name="referrer" content="never" />
<style type="text/css">
@import url(https://file.uhsea.com/2403/f45f79bba93cd62f8603eae6fa88eb78YS.css);
.lrcShow {
font: normal 1.8em 微软雅黑;
width:1.5em;height:80%;pointer-events:none;
filter: drop-shadow(1px 0px 0px white) drop-shadow(-1px 0px 0px white) drop-shadow(0px 1px 0px white) drop-shadow(0px -1px 0px white);
writing-mode: vertical-rl;z-index:99;left:810px;top:100px;color:hsla(240,60%, 90%, 0.7);
}
.lrcShow::before {
writing-mode: vertical-rl;
color:transparent;
background-position:15% 0%;
}
@keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
@keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }

#oBlk {
width:880px;height:730px;margin:40px auto 32px calc(50% - 521px);
display: grid;background-color:hsl(40, 50%, 95%);
place-items:center;position:relative;
grid-template-rows:530px 200px;
grid-template-columns:800px 80px;
box-shadow:3px 3px 8px darkgray;
overflow:hidden;border-radius:24px;
}
#showSVG {width:800px;margin:auto;overflow:hidden; border-radius:24px;}
#desc {width:800px; height:200px;}
#showLRC {width:200px;height:730px;grid-area: 1 / 2 / span 2 / span 1 ;}
#controlBox {position:absolute; right:20px;bottom:20px;width:60px;z-index:100;}

</style>
<div id="oBlk">
<div id="showSVG"></div>
<div id="desc"></div>
<div id="showLRC">
<divclass="lrcShow" data-lrc='美丽中国走起来'></div>
<div id="controlBox">
<svg viewbox="0 0 100 100" >
<circle r="36" cx="50" cy="50" fill="none" stroke="red" stroke-width="4" />
<circle r="30" cx="50" cy="50" fill="none" stroke="red" stroke-width="2" />
<path fill="#f00" d="M35 35 l30 15 -30 15 z" id="playCtrl"/>
</svg>
</div>
</div>
</div>

<script>
//-----------------------------------------------------------------------------
{
const pics = [
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBib5SQu6xuib0SMyV3sMwBMoSicjaOCHe06f3Tsx4EbgJgq8gWJODyI8M8Q/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibaTw0iaI5OqVGrQ7IZkssH9BSeZUBVQORJ4aZESJZjicDdCy7SygIZCsg/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibZAv4RHGgfqX1uZUFWgoCVIxshYldxVes0Rp5Qo1QLq8yuINrFFI3Wg/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibeHOn0p3UeQfJ0e20GVkJXjTXAATRiasJx8lhEBcMteVpuvZ1hEF8cbg/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibJku87lHMyHrYTK16bKQxibRW4whj69AtUDc72D3dENW9eae6KRteTpQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBib7byQYxdsnjmqddJ1t49MGFeI9sMbgPVGdAkIDJt0icwrFGWSicD470lA/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibHT4usOibhodwt9qutrnCwXKBTcPy7TjHRN0UlgiaazQZC0bcLDx1uibxA/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibSq4qMtWzDNzLwBHq0xmXOq5vf1ovD1Fy4MwyJJyEaj1XZMoSKJ3dUA/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibiaPUj4bYyVtxxDQH3ibY6Rz0HPQpQ1tKVbThF76XuKiaa0ZRltWSGzB0A/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBib49ficCJGhibd4vv4OCGD4JPlt8ZHazPWCPqK7oN1Zy7ILAexA3xia6F2w/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibeH0oibHdRQ2qd3mZ5V9ibpBksRn6jJTIMGypHsaFsYJibQgtH7aW6B3IA/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibLmAAfFYmevy7ibd7700SicV5k6zGdMfqUXyy9WMthXtkgxC3WoZm0Eew/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibxZGXJ4icObHVY7dLuHT31iaX4OvgySghRsRoE1bBny4mYhfuZYbnMoicw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibd4G3IDDeD19PwQBJzHQh17JZ48icDms0lb4tibibEAficuvNVQqzCNCOAQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibibEWZaMEfAAvTmVXpaMkHGg58OrZiaS9uicB8remiaaL5xDPgvw55TtNfg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/WECzEj5dicHwqZSePg9gQMAtvIekefpBibwl5aIPbS7Oc7KHzs6uXy2fSSraDT7ticicIlUTCIhsUnxzCPziazctgSw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibbvsTq3cuwu67L50gUySjsvVocWYAjpfsmVrL5X4GJpJrqy0rnsG5oQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibsH53TLRPXgiaYJSvdpNgZxKfwN9P5M59T8XNjxJZeXzwq5Lia89dM5iaQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibVgbwZWeuGQrXsd5NVZh7kkqdUI3rLcx8uznkoCsvCMRS8e7j5QxpVw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibb3X97Ol7cvP9IajgfBcV6lW1yOSCgCic6N59Cib6OQn8IJhtME50wVdA/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibFOhgXg0TwibEicDibbEQ572llEEVy5lk6IsyDG5rWkibllhOFX1XLIEspA/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibOkZHQapFYxNqJbibLicoygvbAqMH6g8ibeLEicAic9YcVQxknxmojJHm5Pg/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibXx8eUicRbD23BMvBnZOro3ukpyqEOMQD3QYB6tv96X3ZyEqep5fibiaOw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibJ5mruy9r11ZGPEKGy7iaY1RFeibzU72kMr37an0yLibBd3ev6gC9EtIzw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBib8jTmdlOuPw4t4ROKkB5uZmH0NeibllupJqfPTegbYqns2fqHROXkxXw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibQIFdrLJcQWwKKkFmUvzyeibJ3Uib2UrfX35W5iaibqic6rXdL149PIYS51g/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibHujkI75zqia52aVd1FXJShz8Qkia2zl2Ip5XphQNyvSZrVQMlwPlGA5A/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibVE6QVNs8csb7sxjBcmBZx3Z6DlKklnLuyCU8AxFEkIs8cicZcFviblBw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibVAm1WDEibKy2QOicyYUJ44UaWGbbib2AsKC1E7AVylGIkibP0c6IFML2Hw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibZIib1Y1nibWnNTtBEBQTJiamBib02kwYXqR7ISs07YibqsehEKlgMic9eKibg/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBib1Hcn8wzwqz1UosbHyfNLzcOD34rCwSP0EDDtvUfQC0N9rIYSZkqNOw/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibVTFByPp6h4icFIN8y64j74qElaAPstYehkqRrUxRUCJ87b62xCpTE3Q/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBibfU9axu2SBOJl5D7gLrbpicIgM2Pfgx61MyjicQiaicdyKic3oRpM3ibMul1A/640",
"https://mmbiz.qpic.cn/mmbiz_png/WECzEj5dicHwqZSePg9gQMAtvIekefpBiboAyooDHHektjIa5Sj18yIkzbxwZtNTMrfzkhTDmfnaXb7rLxql334Q/640",
];

let picDesc = [ // 图片的简单说明
['【北京】','天安门庄严肃穆的红墙金瓦，见证了新中国的诞生。每当清晨第一缕阳光洒落在这座红色宫殿上，都让人心生敬意。'],
['【天津】','天塔就像一支银色巨笔，直指苍穹。登上415.2米的观光层，海河两岸的美景尽收眼底，天津卫的繁华景象在脚下铺展。'],
['【上海】','东方明珠犹如一串晶莹剔透的明珠，悬挂在浦东的天际线上。夜幕降临时分，璀璨的灯光点亮黄浦江畔，勾勒出魔都的繁华与浪漫。'],
['【重庆】','解放碑是山城地标，27层高的钟楼巍然屹立。每到夜晚，它就化身成重庆最闪亮的"定位针"，指引着游人在山城中穿行。'],
['【河北】','石家庄电视塔像一支挺拔的标枪，刺破燕赵大地的云霄。它不仅是河北广电的摇篮，更是石家庄现代化的象征。'],
['【山西】','五一广场汇聚了太原城市风情，广场中央的"火炬"雕塑寓意着三晋儿女奋进向上的精神。'],
['【内蒙古】','金刚坐舍利宝塔呼和浩特的佛教圣地，八角九层的造型庄重典雅，塔身的浮雕诉说着蒙古族的历史传说。'],
['【辽宁】','沈阳故宫清朝初期的皇家宫殿，金碧辉煌的建筑群展现了满族文化的独特魅力，每一块砖瓦都诉说着历史的沧桑。'],
['【吉林】','伪满皇宫博物院静静矗立在长春，日式与中式建筑的混搭风格，见证了那段不堪回首的历史。'],
['【黑龙江】','圣索菲亚教堂金顶在阳光下熠熠生辉，拜占庭式的建筑风格为哈尔滨增添了浓郁的异国情调。'],
['【江苏】','南京紫峰大厦像一柄利剑直插云霄，450米的高度俯瞰六朝古都，金陵城的故事尽在脚下。'],
['【浙江】','杭州雷峰塔伫立西湖畔，夕阳西下时分，塔影倒映湖面，让人想起"断桥残雪"的千年传说。'],
['【安徽】','广播电视中心宛如一朵绽放的莲花，339米的高度是合肥新地标，展现着江淮大地的蓬勃生机。'],
['【福建】','福州白塔素雅清净，千年古塔傲立闽江畔，八角七层的造型与周边现代建筑形成鲜明对比。'],
['【江西】','南昌滕王阁屹立赣江之滨，让人想起"落霞与孤鹜齐飞，秋水共长天一色"的壮美意境。'],
['【山东】','济南泉城广场是家乡的心脏，音乐喷泉、雕塑小品，浓缩了泉城的活力与魅力。'],
['【河南】','郑州二七纪念塔高耸入云，棱角分明的几何造型诉说着火车站前的革命历史。'],
['【湖北】','武汉黄鹤楼携千年风华，伫立蛇山之巅。登楼远眺，长江滚滚东逝，让人感慨"晴川历历汉阳树"的意境。'],
['【湖南】','长沙岳麓书院古朴典雅，千年学府见证了湖湘文化的传承，至今仍是求学者心中的圣地。'],
['【广东】','广州塔又名小蛮腰，600米的高度像一支玉笛直插云霄，夜晚的灯光秀更是惊艳羊城。'],
['【广西】','南宁国际会展中心流线型的建筑设计，犹如一只展翅的蝴蝶，象征着绿城腾飞的梦想。'],
['【海南】','海口世纪大桥横跨海南第一湾，桥身如龙腾海上，是琼州海峡最美的风景线。'],
['【四川】','成都新世纪环球中心宛如巨轮停泊，堪称全球建筑面积最大的单体建筑，是天府之国的骄傲。'],
['【贵州】','贵阳甲秀楼飞檐翘角，临水而建，与南明河相映成趣，演绎着黔城的诗意与温婉。'],
['【云南】','昆明金马碧鸡坊金碧辉煌的牌坊诉说着春城故事，是昆明人最温暖的乡愁记忆。'],
['【西藏】','拉萨布达拉宫巍峨雄壮，白墙红顶在雪山衬托下更显庄严，是藏传佛教圣地的象征。'],
['【陕西】','西安钟楼古朴厚重，明代建筑精华尽显，与鼓楼遥相呼应，演绎着十三朝古都的绚丽篇章'],
['【甘肃】','兰州中山桥横跨黄河，百年铁桥见证了丝绸之路上的商贾往来，是黄河第一桥的美誉。'],
['【青海】','西宁东关清真大寺阿拉伯风格与中国建筑的完美融合，体现了青海多元文化的交融。'],
['【宁夏】','银川鼓楼静立古城中心，是宁夏最高的古建筑，见证了塞上江南的沧桑巨变。'],
['【新疆】','乌鲁木齐国际大巴扎融合伊斯兰建筑特色，是新疆最大的民族特色建筑，浓缩了丝路文化。'],
['【香港】','中银大厦犹如一把利剑直插云霄，棱角分明的几何造型成为维港最独特的建筑符号。'],
['【澳门】','大三巴牌坊承载着东西方文化交融的历史，巴洛克式的立面雕刻讲述着澳门的故事。'],
['【台湾】','台北101大厦像一根擎天玉筷，508米的高度曾是全球最高，象征着宝岛的经济腾飞。'],
];

let picArr = [], errCount = 0;
function genTagObj(parentNode,jsonData){let sObj=document.createElementNS("http://www.w3.org/2000/svg",jsonData.tag);for(let key in jsonData){if(key==='tag'){continue}else if(jsonData.hasOwnProperty(key)){sObj.setAttribute(key,jsonData)}};if(parentNode)parentNode.appendChild(sObj);return sObj};

let getPictureSize = (url,pIdx) => {
let img = new Image();
img.onerror = () => {
console.log(url+" 图片加载失败，请检查url是否正确");
errCount++;
};

img.onload = () => {
picArr.push({'index':pIdx, 'url':url, 'width':img.width, 'height':img.height});
img.onload=null;//避免重复加载

}
img.src = url;
}
let dataReady = ()=> {
if(picArr.length != (pics.length - errCount)) { setTimeout(dataReady,50);}
else {
picArr.sort(function(a, b) {
return (a.index - b.index);
});
let tw=0,th=0;
picArr.forEach(pic => {
tw += pic.width;
th += pic.height;
});

const viewWidth = tw / picArr.length, viewHeight = th / picArr.length;

let mysvg = genTagObj(null ,{'tag':'svg', 'id':'svgObj', 'xmlns:xlink':"http://www.w3.org/1999/xlink" ,'xmlns':"http://www.w3.org/2000/svg", 'viewBox':`0 0 ${viewWidth} ${viewHeight}`});
picArr.forEach((pic, idx) => {
let beginStr = idx == 0 ? `0; ep${picArr.length-1}.end` : `ep${idx - 1}.end-1.5`;
let picFactor = (viewWidth / pic.width) < (viewHeight / pic.height) ? (viewWidth / pic.width) : (viewHeight / pic.height) ;
let rWidth = parseInt(pic.width * picFactor), rHeight = parseInt(pic.height * picFactor);
let xPos = (viewWidth - rWidth) / 2 , yPos = (viewHeight - rHeight) / 2;

let imgObj = genTagObj(mysvg ,{'tag':'image', 'xlink:href':pic.url, 'width':rWidth, 'height':rHeight, 'opacity':0, 'x': xPos, 'y':yPos,'preserveAspectRatio':"none"});
let aniObj = genTagObj(imgObj,{'tag':'animate','id':`bp${idx}`, 'attributeName':'opacity', 'from':0, 'to':1, 'dur':3, 'begin':beginStr, 'fill':'freeze', 'class':'sTag'});
aniObj = genTagObj(imgObj,{'tag':'animate','id':`ep${idx}`, 'attributeName':'opacity', 'from':1, 'to':0, 'dur':3, 'begin':`bp${idx}.begin+10`, 'fill':'freeze'});
});
showSVG.innerHTML = mysvg.outerHTML;
svgObj.addEventListener('mouseover', () => {svgObj.pauseAnimations();});
svgObj.addEventListener('mouseout', () => {svgObj.unpauseAnimations();});
/**/
let dscsvg = genTagObj(null ,{'tag':'svg', 'id':'dObj', 'xmlns:xlink':"http://www.w3.org/1999/xlink" ,'xmlns':"http://www.w3.org/2000/svg", 'viewBox':`0 0 800 200`});
let fObj = genTagObj(dscsvg,{'tag':'foreignObject','width':800, 'height':200, 'x':0, 'y':0});
let bObj = genTagObj(fObj,{'tag':'body','xmlns':"http://www.w3.org/1999/xhtml"});
let divObj = genTagObj(bObj,{'tag':'div','style':"padding:8px;width:100%;height:100%;text-align:center;line-height:1.5em;color:brown;letter-spacing:3px;", 'id':"txtBlock"});
let spanObj = genTagObj(divObj,{'tag':'span','style':"color:red;font:bold 24px 微软雅黑;"});
let pObj = genTagObj(divObj,{'tag':'p','style':"padding:16px;text-indent:2em;text-align:left;font:400 24px 仿宋;line-height:1.2;"});
desc.innerHTML = dscsvg.outerHTML;

let aniIdx = 0;
let txtBlock = document.querySelector('#txtBlock');

let showDesc = () => {
txtBlock.querySelector('span').innerHTML = picDesc;
txtBlock.querySelector('p').innerHTML = picDesc;
txtBlock.animate([{width:'0'},{width:'100%'}], {duration:2000, fill:'forwards'});
}
let startTxtAnimation = () => {
var aniFinishHandle = txtBlock.animate([{width:'100%'},{width:'0%'}], {duration:500, fill:'forwards'});
aniFinishHandle.pause();
aniFinishHandle.addEventListener("finish" , showDesc);
let startTags = document.querySelectorAll(".sTag");
startTags.forEach((tag) => {
tag.onbegin = () => {aniIdx = parseInt(tag.id.substr(2)); aniFinishHandle.play();}
});
}
startTxtAnimation();

}
}
pics.forEach((url,pIdx) => getPictureSize(url, pIdx));
dataReady();
//-----------------------------------------------------------------------------
//}
var lrcPlayerY=function(){return this.init.apply(this,arguments)};lrcPlayerY.prototype={constructor:lrcPlayerY,init:function(opts){lyricTxt=opts.lrcTxt.replace(/(^\s*)|(\s*$)/g,'');this.audioCtrl=document.getElementById(opts.audioCtrl);this.lrcShowObj=document.querySelector('.lrcShow');this.lrcVec=this.handleLrc(lyricTxt);this.genPlayer(opts.audioURL)},handleLrc:function(lyricTxt){var parts=lyricTxt.replace(/(^\s*)|(\s*$)/g,"").split(/\r|\n|\r\n/);var lrcs=new Array();for(let index=0;index<parts.length;index++){let chkTime=parts.match(/\[\d{1,2}:\d{2}.\d{1,3}\]|\[\d{1,2}:\d{2}\]/g);if(chkTime){tIdx=parts.lastIndexOf(']');if(tIdx>0)lrcTxt=parts.substr(tIdx+1);for(m=0;m<chkTime.length;m++){ta=chkTime.substr(1).replace(']','').split(/:/);_0=(+ta)*60+(+ta);if(lrcs.length==0&&_0!=0){lrcs.push({seconds:0,words:'\u00A9\u0020\u0020\u4e5f\u66fe\u5e74\u8f7b'})}lrcs.push({seconds:_0,words:lrcTxt})}}}return lrcs.sort(function(a,b){return(a.seconds-b.seconds)})},showLrc:function(durTime){this.lrcShowObj.innerHTML=this.lrcShowObj.dataset.lrc=this.lrcVec.words;this.lrcShowObj.style.setProperty('--aniName','bgMove'+(this.idx%2));this.lrcShowObj.style.setProperty('--durTime',durTime+'ms');this.lrcShowObj.style.setProperty('--aniPlayState','running');this.idx++},genPlayer:function(mUrl){this.mObj=document.createElement("audio");this.mObj.loop=false;this.mObj.muted=false;this.mObj.autoplay=true;this.mObj.src=mUrl;this.lrcShowObj.appendChild(this.mObj);var that=this;var turn=0;this.idx=0;this.mObj.addEventListener('ended',function(){that.idx=0;this.play()});this.mObj.addEventListener('play',function(){that.lrcShowObj.style.setProperty('--aniPlayState','running')});this.mObj.addEventListener('pause',function(){if(that.idx==1&&this.currentTime<1){that.mObj.play();return false}that.lrcShowObj.style.setProperty('--aniPlayState','paused')});this.mObj.addEventListener('error',function(){console.log("audio wrong, remove play start event");that.lrcShowObj.style.display='none';that.lrcShowObj.removeChild(this)});this.mObj.addEventListener('timeupdate',function(){if(that.idx<that.lrcVec.length){if(this.currentTime>=that.lrcVec.seconds){if(that.idx<(that.lrcVec.length-1)){that.showLrc((that.lrcVec.seconds-that.lrcVec.seconds)*950)}else{that.showLrc((this.duration-that.lrcVec.seconds)*950)}}}});this.lrcShowObj.addEventListener('click',function(){if(that.mObj.paused){that.mObj.play()}else{that.mObj.pause()}})}}

const lrc =`

美丽中国走起来

美丽美丽中国走起来
不要迟疑别再等待一起摇摆
美丽美丽中国走起来
只要你寻找
就能找到你的最爱
人来人往生活节奏总是那么快
忙忙碌碌忘记外面其实很精彩
没日没夜不停地奔忙
渴望拥抱梦想敞开自由胸怀
大河上下千里高原万重的山脉
长江黄河春暖花开云朵也洁白
山中的鸟儿大声的歌唱
唱出那快乐享受着天籁
美丽美丽中国走起来
只要你寻找就能找到精彩
美丽美丽中国走起来
只要你寻找
就能找到精彩
北国豪放南国婉约不同的神采
无边无际潮起潮落浪花一排排
古往今来历史的气概
五千年文明中华的风采
就能找到
`;
var opts = {
lrcTxt:lrc,
// audioCtrl:'mDisk',
// 歌曲MP3链接放这里
audioURL:'https://music.163.com/song/media/outer/url?id=1357730045.mp3'
//audioURL:'https://cccimg.com/view.php/aa761e148027a311dfb213e0976bb941.aac'
};
let lrcPlayer = new lrcPlayerY(opts);
let pState = () => {
musicObj.paused ? (playCtrl.setAttribute('d', playPath), svgObj.pauseAnimations())
: (playCtrl.setAttribute('d', pausePath), svgObj.unpauseAnimations());
};

const pausePath = "M35 35 h12 v30 h-12 z m18 0 h12 v30 h-12 z";
const playPath = "M35 35 l30 15 -30 15 z";
const musicObj = lrcPlayer.mObj;

playCtrl.onclick = () => musicObj.paused ? (musicObj.play()) : (musicObj.pause());
musicObj.addEventListener('play', () => pState());
musicObj.addEventListener('pause', () => pState());
}
</script>

起个网名好难 发表于 2025-3-2 15:44

这些地标建筑就像一颗颗璀璨的明珠，串联起中华大地的壮美画卷。每一处都凝聚着独特的人文底蕴，都值得你去走访、去感受。

梦油发表于 2025-3-2 16:44

这个帖子做的很别致。{:5_116:}

起个网名好难 发表于 2025-3-2 17:12

梦油发表于 2025-3-2 16:44
这个帖子做的很别致。

谢谢支持与欣赏！

梦油发表于 2025-3-2 17:34

起个网名好难发表于 2025-3-2 17:12
谢谢支持与欣赏！

“难难”朋友真有才。

红影发表于 2025-3-2 17:49

这个太好了，足不出户就可以欣赏各地地标建筑。
感谢难难带来的好帖{:4_199:}

红影发表于 2025-3-2 17:50

好多地方都没去过呢，都好美啊{:4_187:}

起个网名好难 发表于 2025-3-2 18:10

红影发表于 2025-3-2 17:49
这个太好了，足不出户就可以欣赏各地地标建筑。
感谢难难带来的好帖

谢谢支持与欣赏！

起个网名好难 发表于 2025-3-2 18:12

红影发表于 2025-3-2 17:50
好多地方都没去过呢，都好美啊

去过少数一些地方但除了天安门外其它的地标多数还没建。

深秋红枫 发表于 2025-3-2 19:26

起个网名好难 发表于 2025-3-2 19:38

深秋红枫发表于 2025-3-2 19:26
var lxtxt =[">lmth/

谢谢支持与欣赏！

红影发表于 2025-3-2 20:12

起个网名好难发表于 2025-3-2 18:10
谢谢支持与欣赏！

谢谢难难带来的好帖{:4_187:}

红影发表于 2025-3-2 20:13

起个网名好难发表于 2025-3-2 18:12
去过少数一些地方但除了天安门外其它的地标多数还没建。

我去过贵州的地标，还有黄鹤楼。天安门的肯定大多数人都去过的{:4_173:}

杨帆发表于 2025-3-2 20:20

东大好美，走起来。帖子好美，顶起来。谢谢难难老师精彩分享{:4_176:}

起个网名好难 发表于 2025-3-2 20:21

杨帆发表于 2025-3-2 20:20
东大好美，走起来。帖子好美，顶起来。谢谢难难老师精彩分享

谢谢支持与欣赏！

起个网名好难 发表于 2025-3-2 20:27

红影发表于 2025-3-2 20:13
我去过贵州的地标，还有黄鹤楼。天安门的肯定大多数人都去过的

上海、天津、广州等地都是上世纪80年代去的，重庆的解放碑是没去看过。

还有一些地方大致也是类似的情况。

红影发表于 2025-3-2 21:09

起个网名好难发表于 2025-3-2 20:27
上海、天津、广州等地都是上世纪80年代去的，重庆的解放碑是没去看过。

还有一些地方大致也是类似的情 ...

那么早啊，可能很多地标还没出现呢{:4_173:}

小辣椒 发表于 2025-3-2 21:45

仔细看了，我去的地方太少了，难难这些都是省会城市吧

小辣椒 发表于 2025-3-2 21:45

这歌也是配的好，好佩服难难这些连接都可以找到{:4_199:}

小辣椒 发表于 2025-3-2 21:47

每个特效代码都是那么的流畅，欣赏难难的精彩制作{:4_178:}

页: [1] 2 3

花潮论坛's Archiver

34省市地标建筑