《锦绣汉阴我宣传》HTML网页作品源代码
- 2026-10-26 14:31:43
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>锦绣汉阴我宣传</title>
<img src="5.png" width="1200" height="250">
<style>
body {
background: linear-gradient(135deg, #88CADA, #ffffffdd, #98FB98);
min-height: 100vh;
margin: 0;
padding: 10px;
font-family: "Microsoft Yahei", sans-serif;
overflow-x: hidden;
}
.box {
position: relative;
width: 600px;
height: 320px;
border: 1px solid #999;
padding: 15px;
overflow: hidden;
box-sizing: border-box;
background: #fff;
}
.img-box {
width: 280px;
height: 320px;
flex-shrink: 0;
}
.img-box img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease;
pointer-events: none;
}
</style>
</head>
<body>
<div style="width:1000px;height:50px;text-align:center;line-height:40px;margin:0 auto;">
<h1>锦 绣 汉 阴 我 宣 传</h1>
</div>
<div style="width:960px;height:50px;text-align:center;line-height:10px;margin:0 auto;">
<h3 title="汉阴值得你来!">汉阴十镇,川原山林,各有风物!</h3>
</div>
<hr/>
<div style="width:1200px;margin:0 auto;position:relative;z-index:10;text-align:center;">
<button onclick="chen()">城关镇</button>
<button onclick="tie()">铁佛寺镇</button>
<button onclick="guan()">观音河镇</button>
<button onclick="ping()">平梁镇</button>
<button onclick="jian()">涧池镇</button>
<button onclick="pu()">蒲溪镇</button>
<button onclick="shuang()">双乳镇</button>
<button onclick="xuan()">漩涡镇</button>
<button onclick="han()">汉阳镇</button>
<button onclick="he()">双河口镇</button>
</div>
<div style="display:flex;align-items:center;justify-content:center;gap:20px;width:1200px;margin:20px auto;">
<div class="img-box">
<img id="leftImg" src="5.jpg">
</div>
<div class="box" id="result">
汉阴是秦巴山区面积最大、保存最完整的清代古梯田,古人顺应山势修建,将传统农耕智慧发挥到极致,是人与自然和谐共生的智慧结晶,农耕文明的活化石;四季景色如画,是世界灌溉工程遗产,通过保护 + 农旅开发,古老梯田重焕生机,带动群众增收致富秦巴生态屏障、南水北调水源涵养区;林权改革推动山林从沉睡资源变为富民资产,实现生态保护与群众增收双向共赢。推进城市更新,打造浪漫花城、灵动水城、人文古城、时尚新城;城区绿化大幅提升,实现从出门无景到推窗见绿、出门入园的转变,城市宜居度持续提升,为高铁时代承接文旅客流打下基础。
</div>
<div class="img-box">
<img id="rightImg" src="6.jpg">
</div>
</div>
<img src="1.jpg" width="300" height="270">
<img src="2.jpg" width="290" height="270">
<img src="3.jpg" width="300" height="270">
<img src="4.jpg" width="290" height="270">
<p>汉阴美景</p>
<script>
function chen(){
document.getElementById("result").innerText = "汉阴县城关镇为汉阴县治所在地,地处县境中部,月河川道腹地,凤凰山北麓,是全县政治、经济与文化中心。南宋绍兴二年(1132 年),汉阴县治自汉阳迁至此地,始名城厢镇,奠定了此地千年县邑根基,历经元明清世代营建,人文积淀深厚。全镇总面积 133.34 平方千米,月河穿境而过,平川沃野,山水环抱,自古便是秦巴山间的宜居之地。境内留存大量明清街巷、古祠旧宅,书香文脉绵延,清代 “汉阴三沈” 家族便发祥于此,沈士远、沈尹默、沈兼士三兄弟名扬近代文坛,为这座小城赋予不朽的文化标识。古时此地为翻越凤凰山往来汉江沿岸的要道,商旅辐辏,市井繁华。近代以来,城垣逐步拓展,新旧风貌交融。如今城关镇兼具老城古韵与新城气象,依托月河生态廊道,守护古城文脉,传承地方民俗美食,汉阴烩面片、炕炕馍等特色饮食在此代代相传。作为县域枢纽,它承接南北山区物资往来,兼顾城镇建设与文物保护,在城市更新中保留古县记忆。群山作屏,月水为带,城关镇既是汉阴的门户,也是秦巴山地一座承载千年县治史、书香绵延不息的人文重镇。";
document.getElementById("leftImg").src = "5.jpg";
document.getElementById("rightImg").src = "6.jpg";
}
function tie(){
document.getElementById("result").innerText = "铁佛寺镇坐落汉阴县北部秦岭南麓,原名梨树岭,因镇内古铁佛寺得名,全镇总面积 163.78 平方千米,群山叠嶂,沟壑纵横,山林广袤,属典型山地乡镇。铁佛寺始建年代久远,香火绵延,镇域因此得名。境内深山藏古建,黑龙洞寺院、汪氏祠堂两处省级文物保护单位静静矗立,木雕、石刻保存完好,是研究陕南明清移民建筑的珍贵实物。此地为明清湖广移民迁入地之一,先民翻山越岭落户深山,开山垦田,营建祠堂庙宇,形成独特移民文化。旧时山路崎岖,依靠骡马古道对外连通,山货、药材外运,盐布入山。山林资源丰厚,盛产中药材、木耳、香菇,先民靠山营生,形成淳朴山乡风气。红色足迹亦留存于此,革命年代游击队曾在这片深山活动。群峰环抱,古寺遗香。铁佛寺镇远离月河平川,坐拥原始山林风貌,古树幽谷,清泉流响。古老祠堂记载移民宗族历史,古寺诉说山间香火往事。今日铁佛寺守护山林生态与文保古迹,发展林下经济,传承山地民俗。群山不语,古建留痕,铁佛寺承载秦岭南麓移民记忆,是汉阴北部深山一处人文厚重、山水清幽的秘境山镇。";
document.getElementById("leftImg").src = "7.jpg";
document.getElementById("rightImg").src = "8.jpg";
}
function guan(){
document.getElementById("result").innerText = "观音河镇位于汉阴县北部,因观音峡与观音河得名,2011 年由观音河乡改镇,境内观音河国家湿地公园是核心景观。群山环抱,河谷幽深,观音河蜿蜒穿行峡谷之间,碧水清潭,茂林修竹,生态绝佳。古时此地称药王乡,相传药王孙思邈曾游历采药于此,山间留有药王传说,药王文化源远流长。境内险峡幽洞,水围寨、麻龙洞等自然古寨遗迹散布山间,旧时战乱年代乡民筑寨避险,残垣岩壁见证岁月沧桑。明清移民迁入,在河谷台地垦荒定居,形成散落山间村落。此地远离喧嚣,山林植被茂密,溪流终年不竭,是汉阴县城重要水源地。山间民风清净质朴,采药、种茶是传统生计,民间保留药王祭祀相关民俗。峡谷藏秀,碧水观音。观音河镇没有喧嚣古市,而以清幽山水、药王传说、湿地风光见长。观音河碧波流淌,两岸青山叠翠,水鸟栖于湿地,一步一景,宛如世外桃源。全镇坚守生态保护底线,守护水源地与湿地生态,发展生态康养、林下种养。幽谷清流,药韵青山,观音河镇将山水灵秀与药王传说相融,是汉阴北部一块静谧温润、生态秀美的山水秘境。";
document.getElementById("leftImg").src = "9.jpg";
document.getElementById("rightImg").src = "10.jpg";
}
function ping(){
document.getElementById("result").innerText = "平梁镇地处汉阴县西部,为汉阴西大门,因古设平梁铺得名,明代称低梁铺,清代更名平梁铺,是古子午道支线之上重要驿站。全镇地处月河上游,西接石泉,东连县城,月河干流横贯镇域,川道与浅山交错分布。古时由汉阴西行入石泉,必经平梁铺,驿马往来,公文传递、商旅歇宿皆汇聚于此,老街青石板路两侧遍布酒肆、粮铺、手工作坊,商贸兴盛。秦代此地属汉中郡,历代均为汉阴西部屏障。境内山地河谷相间,物产丰饶,蚕桑、天麻、食用菌为传统物产。平梁人文遗存丰富,古驿道残段、旧庙、古寨散落山间,记录着古道岁月。民间民俗底蕴浓厚,山歌、社火传承至今。近年依托生态资源打造乡村示范村落,太行村便是陕南乡村振兴样板。月河潺潺向西,古铺静静留存。平梁镇是月河古道文化的重要载体,既有平川良田,又有山林秘境。古驿风云虽消散,但古道精神、乡土文脉代代延续。今日平梁守好生态底色,深耕蚕桑特色产业,古驿站文化与田园乡村相融共生。山水为伴,古道留痕,平梁镇作为汉阴西陲重镇,续写着秦巴山间古道人家的新篇章。";
document.getElementById("leftImg").src = "11.jpg";
document.getElementById("rightImg").src = "12.jpg";
}
function jian(){
document.getElementById("result").innerText = "涧池镇坐落汉阴县城东南,距县城约十公里,月河川道开阔平坦,因古时有涧地沟汇流成池,旧称涧池铺,自古为月河古道上重要驿铺集镇。月河横贯全境,水土丰腴,良田连片,是汉阴传统粮仓之一。此地开发历史久远,先秦已有先民在月河沿岸垦殖定居,秦汉属汉中郡辖地,唐宋时期渐成商旅驿站,明清涧池铺街市成型,商铺、客栈、作坊沿古道排布,南北行人在此歇脚贸易。旧时月河上建有木桥连通两岸,舟车往来不绝,是汉阴向东连通安康的必经节点。1996 年撤乡并镇,后续行政区划调整,地域范围进一步整合。涧池地处平川,农耕底蕴厚重,水稻、蚕桑、果蔬产业自古兴盛。这里民风淳朴,保留着陕南乡村节庆习俗,庙会、社火流传百年。近代依托交通优势,工商业稳步兴起,成为县域东部产业重镇。一川月水滋养沃土,千年驿铺延续烟火。涧池镇兼具田园风光与商贸底蕴,在传承月河农耕文明的同时,承接县城辐射,推进城乡融合发展。古道旧铺的记忆隐于街巷,沃野良田依旧孕育生机,是汉阴月河川道上一颗温润的明珠。";
document.getElementById("leftImg").src = "13.jpg";
document.getElementById("rightImg").src = "14.jpg";
}
function pu(){
document.getElementById("result").innerText = "蒲溪镇位于汉阴县东南月河下游,古名蒲溪铺,因溪畔丛生蒲草得名,距县城约十五公里,月河自西向东穿镇东流,地势平缓开阔,土地肥沃,是汉阴月河川道上老牌商贸集镇。早在秦汉时期,月河河谷便是秦巴山间东西通道,蒲溪一带已有村落聚居。明清设蒲溪铺,为官方递铺,老街青石板沿街延展,杂货铺、铁匠坊、粮店林立,山货、粮食在此集散,往来商队络绎不绝。蒲溪扼守汉阴通往安康的要道,自古水陆兼济,月河小船可转运物资。境内出土多处新石器时代遗存,印证月河沿岸悠久的人类文明。当地农耕传统深厚,水稻种植历史悠久,蚕桑养殖亦是地方传统产业。1996 年建制调整,整合周边乡域,形成今日蒲溪镇版图。千年铺镇,一水蒲溪。蒲溪镇既有月河平川的田园秀美,又保有古驿商贸遗风。老街虽历经变迁,乡土民俗依旧鲜活,地方小吃、民间手工艺代代传承。当下蒲溪立足平川优势,发展现代农业与乡村产业,古驿烟火与新农景象交相辉映。蒲溪以沃土承载农耕根脉,以古道串联秦巴风物,静静伫立在月河之畔,诉说着川道集镇千年不息的人间烟火。";
document.getElementById("leftImg").src = "15.jpg";
document.getElementById("rightImg").src = "16.jpg";
}
function shuang(){
document.getElementById("result").innerText = "双乳镇地处汉阴县最东端,月河出境之地,因境内两座形似双乳的土丘而得名,东接安康汉滨区,月河横贯全镇,平川广袤,是汉阴月河川道最下游的乡镇。月河自西奔流至此,河床平缓,河湾滩涂密布,水源充沛,自古便是鱼米之乡。先秦时期已有先民沿河定居,秦汉纳入汉中郡管辖,唐宋村落渐密,明清集市兴起,是汉阴东部边境商贸小埠。此地扼守汉阴东出要道,月河航运曾十分便利,粮食、竹木沿河水运外销。境内地势平坦,水田连片,水稻、莲藕养殖历史悠久,素有月河粮仓美誉。乡土民俗浓郁,端午龙舟、地方小调流传久远。双乳建制几经更迭,1996 年设镇,保留月河下游水乡风貌。两丘如乳,一水东流。双乳镇坐拥月河尾闾的平川湿地风光,田野阡陌纵横,荷塘稻田相映,一派陕南水乡景致。虽地处县域边缘,却始终是汉阴联通安康的前沿。千百年来,月河滋养一方百姓,农耕文明扎根乡土。如今双乳立足水乡资源,发展特色种养产业,守护月河生态。古村田舍,河风习习,双乳镇以温润水乡气质,留存月河下游千年农耕画卷。";
document.getElementById("leftImg").src = "17.jpg";
document.getElementById("rightImg").src = "18.jpg";
}
function xuan(){
document.getElementById("result").innerText = "漩涡镇位于汉阴县南部,凤凰山南麓,濒临汉江,因汉江水流在此回旋形成漩涡得名,全镇总面积 224.97 平方千米,是汉阴版图最大的镇,蜚声海内外的凤堰古梯田便坐落于此。清代乾隆年间,湖南吴氏家族迁徙至此,开山筑堰,历经数代营建,造就绵延万亩的凤堰梯田,包含凤江、堰坪梯田,是秦巴山区保存最完整的清代梯田群落,2024 年入选世界灌溉工程遗产。明清湖广移民大规模迁入,带来南方农耕技艺,因地制宜构建田、渠、塘、溪完备灌溉体系,人与自然和谐共生。吴家花屋等清代移民老宅留存至今,砖雕木刻精美,承载移民宗族文化。土地革命时期,这里留存红色遗迹,红军曾在此活动,留下可歌可泣的革命故事。镇境巴山层叠,云海漫山,梯田随山势起伏,春漾碧波,秋铺金浪。层田叠翠,汉水回旋。漩涡镇集移民文化、农耕遗产、红色记忆、汉江风光于一体。凤堰梯田作为活态农耕博物馆,两百余年持续耕作,堪称山地农耕文明奇迹。今日漩涡守护古梯田遗产,深耕文旅融合,传承吴氏家训孝义文化。云海青山,古堰良田,漩涡镇以旷世梯田画卷,镌刻秦巴移民开拓不息的历史丰碑。";
document.getElementById("leftImg").src = "19.jpg";
document.getElementById("rightImg").src = "20.jpg";
}
function han(){
document.getElementById("result").innerText = "汉阳镇地处汉阴县南部汉江北岸,是千年汉水古镇,古称汉阳坪、遨口镇,唐宋时期曾为汉阴旧县治所在地,有 “老汉阴” 之称。北宋年间县治因汉江洪水北迁,此地遂名汉阳坪。七千年前,阮家坝已有先民繁衍生息,阮家坝新石器遗址见证汉江上游远古文明。此地自古为汉江重要水运码头,商船云集,马帮往来,旧有 “小汉口” 之称。相传三国时期诸葛亮曾于石洞沟屯兵,古道遗迹尚存。秦巴古道路经此地,是连通川陕的水陆枢纽,明清码头商铺林立,竹木、药材、食盐在此交易。汉江江面开阔,江滩渡口众多,舟楫往来不绝。镇境凤凰山南延,山水相依,松林连绵,江风伴古渡。千年古渡,汉水汉阳。汉阳镇承载汉阴最早县治记忆,远古遗址、三国传说、古码头遗存交织,文脉绵长。江水奔流不息,旧码头虽不复当年盛景,但汉江人文底蕴依旧厚重。当下汉阳依托汉江生态带,保护古遗址,发展生态文旅,守护江畔古村。一江碧水,千年坪城,汉阳镇静静守着汉江南岸古老故事,是汉阴汉水文化不可缺少的根脉之地。";
document.getElementById("leftImg").src = "21.jpg";
document.getElementById("rightImg").src = "22.jpg";
}
function he(){
document.getElementById("result").innerText = "双河口镇地处汉阴县北部,因楼房河与梨树河交汇于此得名,古镇始建于明初,是子午古道分支上的商贸重镇,素有 “日出斗金” 美誉,现为国家 4A 级景区、省级历史文化街区。古镇依两河交汇处营建,明清街市完整留存,木构吊脚楼、石板街巷错落有致,旧时客栈、当铺、商号沿街排布,陕南山地古镇风貌保存完好。明初在此设驿站,南北客商、骡马队往来,山货、皮毛、盐茶在此交易,商贸繁华。古镇地处两山夹谷之中,两河汇流,山水围合。明清湖广移民陆续定居于此,融合南北建筑风格,造就独特古镇格局。2015 年龙垭镇并入双河口镇,辖区进一步扩大。境内山水清幽,古桥、古戏台、老宅院遍布,民俗庙会、传统手工艺延续。两河交汇,古镇留芳。双河口镇是陕南少见保存完好的明清商贸古镇,一砖一瓦皆镌刻古道商贸记忆。山间河水潺潺,古街古宅静立,褪去旧日喧嚣,留存岁月安宁。如今双河口保护古镇遗存,活化古街文旅,挖掘子午古道文化。青山环抱,双水绕城,这座百年古镇,如秦巴深山封存的旧卷,徐徐诉说古道骡马、市井喧嚣的往昔故事。";
document.getElementById("leftImg").src = "23.jpg";
document.getElementById("rightImg").src = "24.jpg";
}
</script>
<audio id="bgMusic" loop controls>
<source src="han.mp3" type="audio/mpeg">
浏览器不支持音频
<script>
document.addEventListener("click", function(){
const audio = document.getElementById("bgMusic");
audio.play().catch(e=>console.log(e));
}, {once:true});
</script>
</body>
</html>