国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì)

這篇具有很好參考價(jià)值的文章主要介紹了【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì)。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

1.引言

隨著文化交流的不斷深入,湖南漁鼓文化作為湖南省的非物質(zhì)文化遺產(chǎn),逐漸引起了人們的關(guān)注和研究。為了更好地推廣和宣傳湖南漁鼓文化,我們?cè)O(shè)計(jì)了一款基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)。

該網(wǎng)頁(yè)旨在向廣大用戶介紹湖南漁鼓文化的深厚底蘊(yùn)和獨(dú)特魅力,幫助用戶了解漁鼓的起源、發(fā)展歷程以及在湖南地區(qū)的重要地位。通過(guò)呈現(xiàn)豐富多彩的圖片、視頻和文本內(nèi)容,我們致力于為用戶打造一個(gè)全面展示湖南漁鼓文化的平臺(tái)。

在設(shè)計(jì)上,我們注重網(wǎng)頁(yè)的美觀性和易用性。通過(guò)精選高質(zhì)量的圖片和視頻資源,將湖南漁鼓的表演場(chǎng)景、舞蹈動(dòng)作等形象生動(dòng)地展示給用戶。同時(shí),通過(guò)簡(jiǎn)潔的文字?jǐn)⑹龊蛯I(yè)的解讀,給用戶提供詳細(xì)的背景知識(shí)和深入的理解。此外,我們還為用戶提供交互性的功能,如音頻欣賞、舞蹈教學(xué)等,讓用戶能夠更加親身地感受和體驗(yàn)湖南漁鼓文化。

總之,通過(guò)設(shè)計(jì)這款基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè),我們希望能夠向廣大用戶傳遞湖南漁鼓文化的價(jià)值和魅力,展示湖南漁鼓在藝術(shù)、歷史和民俗傳統(tǒng)上的重要地位。通過(guò)豐富的內(nèi)容呈現(xiàn)和互動(dòng)性的設(shè)計(jì),期望能夠激發(fā)用戶對(duì)湖南漁鼓文化的興趣和熱愛(ài),促進(jìn)文化的傳承和交流。

2.開(kāi)發(fā)工具與技術(shù)

2.1Hbuilder

HBuilder是一款功能強(qiáng)大的開(kāi)發(fā)工具,旨在幫助開(kāi)發(fā)人員快速創(chuàng)建和發(fā)布基于HTML5的移動(dòng)應(yīng)用程序。以下是HBuilder工具的一些主要特點(diǎn)和功能介紹:

(1)多平臺(tái)支持:HBuilder支持開(kāi)發(fā)多平臺(tái)應(yīng)用,包括但不限于iOS、Android、微信小程序等。開(kāi)發(fā)人員可以使用一套代碼基于Web技術(shù)(HTML5、CSS3、JavaScript)開(kāi)發(fā)應(yīng)用,然后在不同平臺(tái)上進(jìn)行發(fā)布。

(2)代碼編輯器:HBuilder內(nèi)置了功能強(qiáng)大的代碼編輯器,支持HTML、CSS和JavaScript的語(yǔ)法高亮、智能提示、代碼折疊和代碼片段等功能,提供了友好的開(kāi)發(fā)環(huán)境。

(3)豐富的插件庫(kù):HBuilder集成了大量的插件庫(kù),包括UI組件庫(kù)、圖表庫(kù)、常用工具庫(kù)等,開(kāi)發(fā)人員可以方便地使用這些插件來(lái)實(shí)現(xiàn)豐富的功能和界面效果。

(4)調(diào)試和預(yù)覽功能:HBuilder提供了調(diào)試和預(yù)覽功能,開(kāi)發(fā)人員可以將應(yīng)用在瀏覽器中實(shí)時(shí)預(yù)覽,并進(jìn)行調(diào)試和測(cè)試。同時(shí),還支持在移動(dòng)設(shè)備上進(jìn)行真機(jī)調(diào)試,方便快捷。

(5)打包和發(fā)布:HBuilder提供了方便的打包和發(fā)布功能,只需簡(jiǎn)單配置幾個(gè)參數(shù),就可以將應(yīng)用打包成可發(fā)布的APK或IPA文件,并支持發(fā)布到應(yīng)用商店或其他渠道。

(6)跨平臺(tái)快速開(kāi)發(fā):HBuilder可以使用Vue.js、React等流行的前端框架進(jìn)行開(kāi)發(fā),并且支持使用Hybrid App框架如uni-app、DCloud等,使開(kāi)發(fā)人員可以更高效地進(jìn)行跨平臺(tái)應(yīng)用程序的開(kāi)發(fā)。

總而言之,HBuilder是一款功能強(qiáng)大的開(kāi)發(fā)工具,提供了多平臺(tái)支持、代碼編輯器、插件庫(kù)、調(diào)試預(yù)覽、打包發(fā)布等一系列功能,幫助開(kāi)發(fā)人員快速、高效地創(chuàng)建和發(fā)布基于HTML5的移動(dòng)應(yīng)用程序。

2.2HTML

HTML(HyperText Markup Language)是一種標(biāo)記語(yǔ)言,用于創(chuàng)建網(wǎng)頁(yè)結(jié)構(gòu)和內(nèi)容,并定義網(wǎng)頁(yè)上的元素和對(duì)象。HTML由一系列的標(biāo)簽(tag)組成,每個(gè)標(biāo)簽都標(biāo)識(shí)了文檔中不同的元素。瀏覽器解析HTML代碼并將其呈現(xiàn)為網(wǎng)頁(yè)的可視化內(nèi)容。

下面是對(duì)HTML的一些關(guān)鍵特點(diǎn)和用途的介紹:

(1)結(jié)構(gòu)化標(biāo)記語(yǔ)言:HTML提供了一種結(jié)構(gòu)化的方式來(lái)組織和呈現(xiàn)網(wǎng)頁(yè)內(nèi)容。通過(guò)使用HTML標(biāo)簽,可以標(biāo)識(shí)和定義不同的元素,如標(biāo)題、段落、列表、鏈接、圖像等,使網(wǎng)頁(yè)內(nèi)容能夠被瀏覽器正確解析并顯示。

(2)超文本鏈接:HTML通過(guò)超文本鏈接(hyperlink)的方式實(shí)現(xiàn)網(wǎng)頁(yè)之間的連接。通過(guò)使用a標(biāo)簽和href屬性,可以創(chuàng)建指向其他網(wǎng)頁(yè)、文件或位置的鏈接,使用戶能夠在網(wǎng)頁(yè)間進(jìn)行導(dǎo)航。

(3)多媒體支持:HTML支持在網(wǎng)頁(yè)中添加多媒體內(nèi)容,如圖像、音頻、視頻等。通過(guò)使用img、audio、video標(biāo)簽,可以將這些多媒體元素嵌入網(wǎng)頁(yè),并通過(guò)相關(guān)屬性進(jìn)行控制和設(shè)置。

(4)表單和用戶交互:HTML提供了表單元素,如input、textarea、select等,用于收集用戶的輸入數(shù)據(jù)。這些表單元素可以用于創(chuàng)建各種交互式功能,如用戶注冊(cè)、數(shù)據(jù)提交、搜索等。

(5)動(dòng)態(tài)內(nèi)容展示:盡管HTML本身是一種靜態(tài)的標(biāo)記語(yǔ)言,但通過(guò)結(jié)合CSS(層疊樣式表)和JavaScript(腳本語(yǔ)言),可以為網(wǎng)頁(yè)添加動(dòng)態(tài)內(nèi)容和交互效果。CSS用于控制網(wǎng)頁(yè)的樣式和布局,而JavaScript則用于實(shí)現(xiàn)與用戶的交互行為。

總之,HTML是一種用于創(chuàng)建網(wǎng)頁(yè)結(jié)構(gòu)和內(nèi)容的標(biāo)記語(yǔ)言。通過(guò)使用HTML標(biāo)簽和屬性,可以定義不同元素的結(jié)構(gòu)和行為,并且支持多媒體、用戶交互和動(dòng)態(tài)內(nèi)容展示等功能。HTML在互聯(lián)網(wǎng)中扮演著重要的角色,它是構(gòu)建網(wǎng)頁(yè)的基礎(chǔ),也是構(gòu)建現(xiàn)代Web應(yīng)用程序的起點(diǎn)。

2.3CSS

CSS(Cascading Style Sheets)是一種用于描述網(wǎng)頁(yè)樣式和布局的樣式表語(yǔ)言。它與HTML結(jié)合使用,通過(guò)對(duì)標(biāo)記語(yǔ)言中的元素應(yīng)用樣式,實(shí)現(xiàn)對(duì)網(wǎng)頁(yè)的外觀和展示進(jìn)行控制。

以下是CSS的一些關(guān)鍵特點(diǎn)和用途的介紹:

(1)樣式定義:通過(guò)CSS,可以定義網(wǎng)頁(yè)中各個(gè)元素的樣式,如文本顏色、背景顏色、字體樣式、邊框樣式等。使用選擇器來(lái)選擇特定的元素,然后通過(guò)CSS規(guī)則定義其樣式屬性。

(2)樣式層疊:CSS具有層疊的特性,即當(dāng)多個(gè)樣式規(guī)則應(yīng)用于同一元素時(shí),會(huì)根據(jù)層疊規(guī)則來(lái)決定最終的樣式。這樣可以實(shí)現(xiàn)對(duì)特定元素的樣式進(jìn)行精確控制,并優(yōu)化樣式的管理和維護(hù)。

(3)布局控制:CSS可以用于控制元素的布局和定位,通過(guò)使用盒模型和定位屬性(如position和float)來(lái)控制元素的大小、位置和相對(duì)關(guān)系。這樣有助于實(shí)現(xiàn)自適應(yīng)的網(wǎng)頁(yè)布局和響應(yīng)式設(shè)計(jì)。

(4)響應(yīng)式設(shè)計(jì):CSS還支持針對(duì)不同設(shè)備和屏幕尺寸的響應(yīng)式設(shè)計(jì)。通過(guò)使用媒體查詢(media queries)和響應(yīng)式布局技術(shù),可以根據(jù)設(shè)備的特性和屏幕尺寸,提供不同的樣式和布局,以達(dá)到最佳的用戶體驗(yàn)。

(5)動(dòng)態(tài)樣式:除了靜態(tài)樣式外,CSS還支持一些動(dòng)態(tài)樣式效果的實(shí)現(xiàn)。通過(guò)使用過(guò)渡(transition)、動(dòng)畫(huà)(animation)和變換(transform)等屬性,可以給元素添加動(dòng)態(tài)效果,如淡入淡出、旋轉(zhuǎn)、縮放等。

總之,CSS是一種用于描述網(wǎng)頁(yè)樣式和布局的樣式表語(yǔ)言。通過(guò)對(duì)HTML元素應(yīng)用CSS規(guī)則,可以控制網(wǎng)頁(yè)的樣式、布局和外觀效果,包括顏色、字體、邊框、背景等。CSS的使用使得網(wǎng)頁(yè)具備了更好的可視化效果、響應(yīng)能力和用戶體驗(yàn)。

2.4JavaScript

JavaScript是一種輕量級(jí)的腳本語(yǔ)言,通常與HTML和CSS一起使用,用于為網(wǎng)頁(yè)添加交互和動(dòng)態(tài)效果。作為一種客戶端腳本語(yǔ)言,JavaScript在網(wǎng)頁(yè)加載時(shí)由瀏覽器解釋和執(zhí)行。

以下是JavaScript的一些關(guān)鍵特點(diǎn)和用途的介紹:

(1)交互性:JavaScript可以使網(wǎng)頁(yè)更具交互性,通過(guò)操作DOM(文檔對(duì)象模型)實(shí)現(xiàn)動(dòng)態(tài)改變和更新網(wǎng)頁(yè)內(nèi)容。它可以響應(yīng)用戶的操作,如點(diǎn)擊、懸停、輸入等,進(jìn)行數(shù)據(jù)驗(yàn)證、動(dòng)態(tài)加載內(nèi)容、執(zhí)行動(dòng)畫(huà)效果等。

(2)客戶端驗(yàn)證:通過(guò)JavaScript,開(kāi)發(fā)人員可以在網(wǎng)頁(yè)上進(jìn)行表單驗(yàn)證,檢查用戶輸入的有效性,提供實(shí)時(shí)錯(cuò)誤提示和數(shù)據(jù)校驗(yàn)。這有助于減少對(duì)服務(wù)器的請(qǐng)求,提高用戶體驗(yàn)。

(3)動(dòng)態(tài)效果:JavaScript可以實(shí)現(xiàn)豐富的動(dòng)態(tài)效果,如淡入淡出、滑動(dòng)、展開(kāi)折疊、輪播圖等。通過(guò)使用動(dòng)畫(huà)、過(guò)渡和變形等特性,可以創(chuàng)建各種視覺(jué)效果,使網(wǎng)頁(yè)更加生動(dòng)。

(4)AJAX和異步通信:JavaScript可以利用AJAX(Asynchronous JavaScript and XML)技術(shù),通過(guò)異步通信與服務(wù)器進(jìn)行數(shù)據(jù)交換,無(wú)需刷新整個(gè)頁(yè)面。這使得網(wǎng)頁(yè)能夠以更快的速度加載和更新數(shù)據(jù),提高用戶體驗(yàn)和網(wǎng)頁(yè)性能。

(5)數(shù)據(jù)操作:JavaScript可以對(duì)數(shù)據(jù)進(jìn)行處理和操作,包括字符串操作、數(shù)組操作、日期處理、對(duì)象操作等。它提供了一系列的內(nèi)置函數(shù)和方法,使開(kāi)發(fā)人員能夠更有效地處理數(shù)據(jù)。

(6)框架和庫(kù)支持:JavaScript擁有豐富的框架和庫(kù),如jQuery、React、Vue.js、Angular等,這些框架和庫(kù)提供了更高級(jí)的功能和工具,使開(kāi)發(fā)人員能夠更快速、便捷地開(kāi)發(fā)復(fù)雜的應(yīng)用程序。

總之,JavaScript是一種用于為網(wǎng)頁(yè)添加交互和動(dòng)態(tài)效果的腳本語(yǔ)言。通過(guò)操作DOM、響應(yīng)用戶操作、實(shí)現(xiàn)客戶端驗(yàn)證、實(shí)現(xiàn)動(dòng)態(tài)效果和使用AJAX進(jìn)行異步通信,JavaScript為網(wǎng)頁(yè)增加了互動(dòng)性、動(dòng)態(tài)性和實(shí)時(shí)性。它是Web開(kāi)發(fā)中不可或缺的一部分,使得Web應(yīng)用程序更加功能豐富和易于使用。

3.功能設(shè)計(jì)

(1)網(wǎng)站首頁(yè)

網(wǎng)站首頁(yè)包括了Banner輪播宣傳圖、祁東漁鼓、九澧漁鼓、零陵漁鼓、關(guān)于漁鼓、經(jīng)典、代表人物、表演風(fēng)采、代表區(qū)、友情鏈接以及底部。通過(guò)精選、優(yōu)選推送展示網(wǎng)站漁鼓的文化魅力。

(2)祁東漁鼓

祁東漁鼓包括了歷史文化、代表人物、代表曲三大二級(jí)導(dǎo)航。歷史文化里面詳細(xì)介紹了祁東漁鼓的文化淵源、介紹。代表人物介紹了里面優(yōu)秀的傳承人物信息及詳情。代表曲介紹了優(yōu)秀代表作及歷經(jīng)典代表作。

(3)九澧漁鼓

九澧漁鼓包括了歷史文化、代表人物、代表曲三大二級(jí)導(dǎo)航。歷史文化里面詳細(xì)介紹了九澧漁鼓的文化淵源、介紹。代表人物介紹了里面優(yōu)秀的傳承人物信息及詳情。代表曲介紹了優(yōu)秀代表作及歷經(jīng)典代表作。

(4)零陵漁鼓

零陵漁鼓包括了歷史文化、代表人物、代表曲三大二級(jí)導(dǎo)航。歷史文化里面詳細(xì)介紹了零陵漁鼓的文化淵源、介紹。代表人物介紹了里面優(yōu)秀的傳承人物信息及詳情。代表曲介紹了優(yōu)秀代表作及歷經(jīng)典代表作。

(5)互動(dòng)交流

(6)聯(lián)系我們

4.實(shí)現(xiàn)效果

(1)網(wǎng)站首頁(yè)

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端?

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端?

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端?

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端?(2)祁東漁鼓-歷史淵源

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(3)祁東漁鼓-代表人物

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(4)祁東漁鼓-代表曲

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(5)九澧漁鼓-歷史淵源

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(6)九澧漁鼓-代表人物

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

?(7)九澧漁鼓-代表曲

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(8)零陵漁鼓-歷史淵源

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(9)零陵漁鼓-代表人物

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

?(10)零陵漁鼓-代表曲

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

(11)聯(lián)系我們

【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì),html,前端

5.代碼實(shí)現(xiàn)

<div class="pg_margins pg_inside">
			<div id="tips"></div>
			<div class="topArea">
				<div class="bg-topArea">
					<p class="wel">
						今天是2022年12月21日 星期五,歡迎光臨本站&nbsp;<br> </p>
					<ul class="r-arte">
						<li class="sCommon">
							<span></span><a href="javascript:;" class="favorite" rel="nofollow"
								onclick="setHome(this,window.location);addFavorite(document.location.href, document.title);">收藏本站</a><a
								class="top_map" href="sitemap.html">網(wǎng)站地圖</a>
							<div class=" touch-btn">
								<a target="_blank" rel="nofollow" class="top_mobile" href="mobileqr.html">微信公眾號(hào)</a>
								<div id="mobileQr" class="touch-box">
									<div class="wrap">
			
										<table class="mytable">
											<tbody>
												<tr>
													<td>
														<ul class="code msite">
															<li>
																<div class="img"> <img width="150" height="150"
																		alt="關(guān)注公眾號(hào)" src="static/picture/QR.png"> </div>
																<div class="text"><a href="index1.html">關(guān)注公眾號(hào)</a></div>
															</li>
														</ul>
													</td>
			
												</tr>
											</tbody>
										</table>
			
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			
			</div><div class="header">
				<div class="header-inner clearfix">
					<div class="logo ">
						<a href="" title="湖南漁鼓">
							<img style="margin-left: 100px;width: 130px;height: 130px;" src="static/picture/6633905950452e701772ff1faf01919.png" alt="湖南漁鼓" id="logopic">
								
								<img src="static/picture/636869499842666583.png" alt="湖南漁鼓" id="logopic">
							</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="navbox" id="topNav">
				<div class="nav" style="margin:0 auto;">
					<ul>
				
						<li class="nav0" style="width:198px;">
							<a href="index.html">網(wǎng)站首頁(yè)
							</a>
						</li>
						<li class="line"></li>
						<li class="nav1" style="width:198px;" onmouseover="showMenu(15464);"
							onmouseout="hiddMenu(15464);">
							<a href="qddbrw.html" id="menuA15464">祁東漁鼓
							</a>
							<div class="shownav" id="menu15464">
								<a href="qdlsyy.html">歷史淵源</a>
								<a href="qddbrw.html">代表人物</a>
								<a href="qddbq.html">代表曲</a>
								
							</div>
						</li>
						<li class="line"></li>
						<li class="nav2" style="width:198px;">
							<a href="jzygdbrw.html">九澧漁鼓 
							</a>
							<div class="shownav" id="menu15458">
								<a href="jzyglsyy.html">歷史淵源</a>
								<a href="jzygdbrw.html">代表人物</a>
								<a href="jzygdbq.html">代表曲</a>
								
							</div>
						</li>
						<li class="line"></li>
						<li class="nav3" style="width:198px;" onmouseover="showMenu(15458);"
							onmouseout="hiddMenu(15458);">
							<a href="llygdbrw.html" id="menuA15458">零陵漁鼓
							</a>
							<div class="shownav" id="menu15458">
								<a href="llyglsyy.html">歷史淵源</a>
								<a href="llygdbrw.html">代表人物</a>
								<a href="llygdbq.html">代表曲</a>
								
							</div>
						</li>
						<li class="line"></li>
						
						<li class="line"></li>
						<li class="nav5" style="width:200px;">
							<a href="hudong.html">互動(dòng)交流
							</a>
						</li>
						<li class="nav4" style="width:198px;" onmouseover="showMenu(15462);"
							onmouseout="hiddMenu(15462);">
							<a href="lxwm.html" id="menuA15462">聯(lián)系我們
							</a>
						</li>
						<script type="text/javascript">
							var isOn = false;
							var navList = $('.nav>ul>li>a') || [];
							for (var i = 0; i < navList.length; i++) {
								if (navList[i].pathname == location.pathname) {
									$(navList[i]).addClass("current");
									isOn = true;
									break;
								}
							}
							if (!isOn) {
								eval('var menuStates = [] || []');
								for (var i = 0; i < navList.length; i++) {
									if (navList[i].pathname == menuStates[menuStates.length - 1]) {
										$(navList[i]).addClass("current");
										isOn = true;
										break;
									}
								}
								if (!isOn) {
									for (var i = 0; i < navList.length; i++) {
										if ($.inArray(navList[i].pathname, menuStates) > -1) {
											$(navList[i]).addClass("current");
											isOn = true;
											break;
										}
									}
								}
							}
						</script>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
				$(document).ready(function() {
					//增加導(dǎo)航固定模式,使導(dǎo)航跟隨滾動(dòng)條滾動(dòng)
					jQuery(window).scroll(function() {
						var sTop = jQuery(document).scrollTop();
						if (sTop >= 42) {
							$("#topNav").addClass("nav_fixed");
							$(".HOT-KEYS").addClass("HOT-KEYS-ADD");
						} else {
							$("#topNav").removeClass("nav_fixed");
							$(".HOT-KEYS").removeClass("HOT-KEYS-ADD");
						}
					});

				});
			</script>
			<div class="HOT-KEYS" id="HOT">
				<div class="searchformBox">
					<form method="get" action="/search.html" name="searchForm">
						<input class="serach_input" maxlength="30" size="30" placeholder="請(qǐng)輸入搜索關(guān)鍵詞!"
							name="searchKeyword" type="text">
						<input class="btn_serach" value="" type="submit">
					</form>
				</div>
				<div class="clear"></div>
			</div>
			<div class='banner' id="banner">
				<span class='left-shadow'></span><span class='right-shadow'></span>
				<div class="picBox">
				        <div class="hd">
				            <ul></ul>
				        </div>
				        <div class="bd">           
				            <ul style="width: 1920px; height: 250px;">
				                            <li style="background: url(http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/0636875179057485335.jpg) no-repeat 50% 0 ;height: 250px;width: 1920px;">
				                                <a href="javascript:;" style="display:block;width:100%;height:100%; cursor:default;"></a>
				                            </li>
				                </ul> 
				        </div>
				    </div>
				<div class='blank-area'></div>
			</div>


			<div id="mainhome" class="main-home inner">
				<div class="main-top"></div>
				<div class="main mainbg ">
					<div class="location">
						<span class="ico">
							<a href="index.html" title="首頁(yè)">首頁(yè)</a>
							<span>&gt;</span>
							<a href="" id="60250">互動(dòng)交流</a>
						</span>
					</div>
					<div id="leftObj" class="left">
						<div class="shadow"></div>
						<div class="pro_sort_box">
							<input id="CurrentCategoryID" name="CurrentCategoryID" type="hidden" value="60250">
							<div class="title">
								<div class="title_more">
									<a href="" id="60250">互動(dòng)交流</a>
								</div>
							</div>
							<div id="div_60250">
								<div class="pro_sort">
									<div>
									</div>
									<div class="promore"><a href=''>更多</a></div>
								</div>
								<script type="text/javascript">
									var each_li = $('#div_60250 .pro_sort .each_li');
									for (var i = 0; i < each_li.length; i++) {
										var li = each_li[i];
										var length = li.children.length;
										if (length > 1) {
											li.title = "";
										} else {
											var li_name = li.children[0].children[0];
											li_name.className = "";

											if (li.className.indexOf("current") > 0) {

												li.className = "each_li current";
											} else {
												li.className = "each_li ";
											}
											var href = li_name.children[0].href;
											li.title = href;
										}
									}
									$('#div_60250 .pro_sort .each_li .third_box').click(function(event) {
										event.stopPropagation();
									});
									$('#div_60250 .pro_sort .each_li').click(function() {
										var title = $(this).prop("title")
										if (title == "") {
											$(this).toggleClass('active');
										} else {
											location.href = title;
										}

									});
								</script>
							</div>
							<div class="clear"></div>
						</div>

						<div id="ct61262_divLeftModule">
							<div class="	iFCB-inside-title iFCB-inside-news">
								<div class="title">
									<span class="more">
										<a href="61262.html" target="_self">更多</a>
									</span>
									<div class="title_more">湖南漁鼓</div>
								</div>
								<div class="content">
									<div class="TTXW_LIST">
										<ul>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288065' href='288065.html' title='百人贊' target='_self'
													style=''>百人贊</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288066' href='288066.html' title='勸世文' target='_self'
													style=''>勸世文</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288089' href='288089.html' title='江湖禮義' target='_self'
													style=''>江湖禮義</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288088' href='288088.html' title='武松打店' target='_self'
													style=''>武松打店</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288087' href='288087.html' title='娘教女' target='_self'
													style=''>娘教女</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288086' href='288086.html' title='紅花山' target='_self'
													style=''>紅花山</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288085' href='288085.html' title='蒙杯茶' target='_self'
													style=''>蒙杯茶</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288084' href='288084.html' title='陶澎訪江南' target='_self'
													style=''>陶澎訪江南</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288083' href='288083.html' title='二度梅' target='_self'
													style=''>二度梅</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288082' href='288082.html' title='天寶圖' target='_self'
													style=''>天寶圖</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288081' href='288081.html' title='四下河南' target='_self'
													style=''>四下河南</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288080' href='288080.html' title='訪蘇州' target='_self'
													style=''>訪蘇州</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288079' href='288079.html' title='粉妝樓' target='_self'
													style=''>粉妝樓</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288078' href='288078.html' title='梁山伯與祝英臺(tái)' target='_self'
													style=''>梁山伯與祝英臺(tái)</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288077' href='288077.html' title='烏金記' target='_self'
													style=''>烏金記</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288076' href='288076.html' title='桃花嶺' target='_self'
													style=''>桃花嶺</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288075' href='288075.html' title='七劍女俠' target='_self'
													style=''>七劍女俠</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288074' href='288074.html' title='雙拜壽' target='_self'
													style=''>雙拜壽</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288073' href='288073.html' title='玉印記' target='_self'
													style=''>玉印記</a>

											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a data-id='288072' href='288072.html' title='玉印記' target='_self'
													style=''>玉印記</a>

											</li>

										</ul>
									</div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						<div class="col_bottom"></div>
					</div>


					<div id="rightObj" class="right">
						<h2 class="title"><b><span id="lblCurrentName">互動(dòng)交流</span></b></h2>
						<div class="ibw_intro">
							<div style="text-align:center;">
								<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128665208602.png" class='intro-info-img'
									alt="">
									<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128666771118.png" class='intro-info-img'
									alt="">
									<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128670052353.png" class='intro-info-img'
									alt="">
									<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128671614833.png" class='intro-info-img'
									alt="">
									<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128675521071.png" class='intro-info-img'
									alt="">
									<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128676927320.png" class='intro-info-img'
									alt="">
									<img src="http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/636875128679114835.png" class='intro-info-img'
									alt="">
							</div>
						</div>
					</div>


					<div class="main_bottom"></div>
				</div>
				<div class="main-btm"></div>
			</div>



			<div class="footer">
					<div class="ft-wrap">
						<div class="copyright">
							<table width="70%">
								<tbody>
									<tr>
										<td align="center">
											<p>
												<span style="white-space:nowrap;"><span>湖南漁鼓</span>&nbsp;&nbsp;
													版權(quán)所有&nbsp;&nbsp;&nbsp;<a href="javascript:;" target="_blank"
														rel="nofollow">免責(zé)聲明</a>&nbsp;&nbsp;&nbsp;<a href="javascript:;"
														target="_blank" rel="nofollow">胡ICP備18005029號(hào)-1</a> &nbsp;</span>
											</p>
											<p>
												<span style="color:#000000;"><span style="white-space:nowrap;"><a
															href="javascript:;" target="_blank">技術(shù)支持</a>:<a
															href="javascript:;" target="_blank">湖南漁鼓宣傳團(tuán)隊(duì)</a>(<a
															href="javascript:;" target="_blank">www.hunanyugu.cn</a>)
													</span></span>
											</p>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
			
				</div>
			
				<div class="online-qq-lx online-qq-right" style="position: fixed;">
					<dl class="qq_content-lx">
						<dd class="mbar-ico mbar-tel"><i></i>
							<div class="mbar-tip"><strong>0731-63611488</strong></div>
						</dd>
						<dd class="mbar-ico mbar-micro mbar-micro-sj"><i></i>
							<div class="mbar-tip"><img width='111px' height='111px'
									src='static/picture/QR.png'><span>關(guān)注公眾號(hào)</span></div>
						</dd>
						<dd class="mbar-ico mbar-top" id="pageTop"><a href="#"><i></i></a>
							<div class="mbar-tip"><a href="#">[向上]</a></div>
						</dd>
					</dl>
				</div>
			</div>
<div class="pg_margins pg_inside">
			<div id="tips"></div>
			<div class="topArea">
				<div class="bg-topArea">
					<p class="wel">
						今天是2022年12月21日 星期五,歡迎光臨本站&nbsp;<br> </p>
					<ul class="r-arte">
						<li class="sCommon">
							<span></span><a href="javascript:;" class="favorite" rel="nofollow"
								onclick="setHome(this,window.location);addFavorite(document.location.href, document.title);">收藏本站</a><a
								class="top_map" href="sitemap.html">網(wǎng)站地圖</a>
							<div class=" touch-btn">
								<a target="_blank" rel="nofollow" class="top_mobile" href="mobileqr.html">微信公眾號(hào)</a>
								<div id="mobileQr" class="touch-box">
									<div class="wrap">
			
										<table class="mytable">
											<tbody>
												<tr>
													<td>
														<ul class="code msite">
															<li>
																<div class="img"> <img width="150" height="150"
																		alt="關(guān)注公眾號(hào)" src="static/picture/QR.png"> </div>
																<div class="text"><a href="index1.html">關(guān)注公眾號(hào)</a></div>
															</li>
														</ul>
													</td>
			
												</tr>
											</tbody>
										</table>
			
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			
			</div>
			<div class="header">
				<div class="header-inner clearfix">
					<div class="logo ">
						<a href="index.html" title="湖南漁鼓">
							<img style="margin-left: 100px;width: 130px;height: 130px;" src="static/picture/6633905950452e701772ff1faf01919.png" alt="湖南漁鼓" id="logopic">
								
								<img src="static/picture/636869499842666583.png" alt="湖南漁鼓" id="logopic">
							</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="navbox" id="topNav">
				<div class="nav" style="margin:0 auto;">
					<ul>
				
						<li class="nav0" style="width:198px;">
							<a href="index.html">網(wǎng)站首頁(yè)
							</a>
						</li>
						<li class="line"></li>
						<li class="nav1" style="width:198px;" onmouseover="showMenu(15464);"
							onmouseout="hiddMenu(15464);">
							<a href="qddbrw.html" id="menuA15464">祁東漁鼓
							</a>
							<div class="shownav" id="menu15464">
								<a href="qdlsyy.html">歷史淵源</a>
								<a href="qddbrw.html">代表人物</a>
								<a href="qddbq.html">代表曲</a>
								
							</div>
						</li>
						<li class="line"></li>
						<li class="nav2" style="width:198px;">
							<a href="jzygdbrw.html">九澧漁鼓 
							</a>
							<div class="shownav" id="menu15458">
								<a href="jzyglsyy.html">歷史淵源</a>
								<a href="jzygdbrw.html">代表人物</a>
								<a href="jzygdbq.html">代表曲</a>
								
							</div>
						</li>
						<li class="line"></li>
						<li class="nav3" style="width:198px;" onmouseover="showMenu(15458);"
							onmouseout="hiddMenu(15458);">
							<a href="llygdbrw.html" id="menuA15458">零陵漁鼓
							</a>
							<div class="shownav" id="menu15458">
								<a href="llyglsyy.html">歷史淵源</a>
								<a href="llygdbrw.html">代表人物</a>
								<a href="llygdbq.html">代表曲</a>
								
							</div>
						</li>
						<li class="line"></li>
						
						<li class="line"></li>
						<li class="nav5" style="width:200px;">
							<a href="hudong.html">互動(dòng)交流
							</a>
						</li>
						<li class="nav4" style="width:198px;" onmouseover="showMenu(15462);"
							onmouseout="hiddMenu(15462);">
							<a href="lxwm.html" id="menuA15462">聯(lián)系我們
							</a>
						</li>
						<script type="text/javascript">
							var isOn = false;
							var navList = $('.nav>ul>li>a') || [];
							for (var i = 0; i < navList.length; i++) {
								if (navList[i].pathname == location.pathname) {
									$(navList[i]).addClass("current");
									isOn = true;
									break;
								}
							}
							if (!isOn) {
								eval('var menuStates = [] || []');
								for (var i = 0; i < navList.length; i++) {
									if (navList[i].pathname == menuStates[menuStates.length - 1]) {
										$(navList[i]).addClass("current");
										isOn = true;
										break;
									}
								}
								if (!isOn) {
									for (var i = 0; i < navList.length; i++) {
										if ($.inArray(navList[i].pathname, menuStates) > -1) {
											$(navList[i]).addClass("current");
											isOn = true;
											break;
										}
									}
								}
							}
						</script>
					</ul>
				</div>
			</div>
			<script type="text/javascript">
				$(document).ready(function() {
					//增加導(dǎo)航固定模式,使導(dǎo)航跟隨滾動(dòng)條滾動(dòng)
					jQuery(window).scroll(function() {
						var sTop = jQuery(document).scrollTop();
						if (sTop >= 42) {
							$("#topNav").addClass("nav_fixed");
							$(".HOT-KEYS").addClass("HOT-KEYS-ADD");
						} else {
							$("#topNav").removeClass("nav_fixed");
							$(".HOT-KEYS").removeClass("HOT-KEYS-ADD");
						}
					});

				});
			</script>
			<div class="HOT-KEYS" id="HOT">
				<div class="searchformBox">
					<form method="get" action="/search.html" name="searchForm">
						<input class="serach_input" maxlength="30" size="30" placeholder="請(qǐng)輸入搜索關(guān)鍵詞!"
							name="searchKeyword" type="text">
						<input class="btn_serach" value="" type="submit">
					</form>
				</div>
				<div class="clear"></div>
			</div>
			<div class='banner' id="banner">
				<span class='left-shadow'></span><span class='right-shadow'></span>
				<div>
				                    <script language="javascript">bannerShow(7, 1920, 400, "5000", '5283')</script>
				    <div class="picBox">
				        <div class="hd">
				            <ul></ul>
				        </div>
				        <div class="bd">           
				            <ul style="width: 1920px; height: 250px;">
				                            <li style="background: url('http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/0636875179057485335.jpg') no-repeat 50% 0 ;height: 250px;width: 1920px;">
				                                <a href="javascript:;" style="display:block;width:100%;height:100%; cursor:default;"></a>
				                            </li>
				                </ul> 
				        </div>
				    </div>
				    <script type="text/javascript">
				        var showBanner=function(){
				            if('false'=="true"){$('.picBox').slide({titCell:'.hd ul', mainCell:'.bd ul', autoPlay:false, autoPage:true, effect:'fade', easing:'easeOutCirc', trigger:'mouseover', pnLoop:true, interTime:3000, delayTime:500 });}
				            else{$('.picBox').slide({mainCell:'.bd ul', autoPlay:false, autoPage:false, effect:'fade', easing:'easeOutCirc', trigger:'mouseover', pnLoop:true, interTime:3000, delayTime:500 });}
				        }
				        showBanner();
				        $(window).resize(function () {showBanner();});
				</script>
				
				
				                </div>
				<div class='blank-area'></div>
			</div>


			<div id="mainhome" class="main-home inner">
				<div class="main-top"></div>
				<div class="main mainbg ">
					<div class="location">
						<span class="ico">
							<a href="index.html" title="首頁(yè)">首頁(yè)</a>
							<span>&gt;</span>
							<a href="qddbrw.html" id="60246">九澧漁鼓</a>
							<span>&gt;</span>
							<a href="qddbrw.html" id="qddbrw">代表人物</a>
						</span>
					</div>
					<div id="leftObj" class="left">
						<div class="shadow"></div>
						<div class="pro_sort_box">
							<input id="CurrentCategoryID" name="CurrentCategoryID" type="hidden" value="60251">
							<div class="title">
								<div class="title_more">
									<a href="61262.html" id="60246">九澧漁鼓</a>
								</div>
							</div>
							<div id="div_60251">
								<div class="pro_sort">
									<div>
										<div class="each_li">
											<div class="name">
												<div class="icon">
													<a href="jzyglsyy.html" id="61263">&nbsp;&nbsp;&nbsp;&nbsp;歷史淵源</a>
												</div>
											</div>
										</div>
										<div class="each_li active current">
											<div class="name">
												<div class="icon">
													<a href="jzygdbrw.html" id="61262">&nbsp;&nbsp;&nbsp;&nbsp;代表人物</a>
												</div>
											</div>
										</div>
										<div class="each_li">
											<div class="name">
												<div class="icon">
													<a href="jzygdbq.html" id="60251">&nbsp;&nbsp;&nbsp;&nbsp;代表曲</a>
												</div>
											</div>
										</div>
										
									</div>
									<div class="promore"><a href=''>更多分類</a></div>
								</div>
								<script type="text/javascript">
									var each_li = $('#div_60251 .pro_sort .each_li');
									for (var i = 0; i < each_li.length; i++) {
										var li = each_li[i];
										var length = li.children.length;
										if (length > 1) {
											li.title = "";
										} else {
											var li_name = li.children[0].children[0];
											li_name.className = "";

											if (li.className.indexOf("current") > 0) {

												li.className = "each_li current";
											} else {
												li.className = "each_li ";
											}
											var href = li_name.children[0].href;
											li.title = href;
										}
									}
									$('#div_60251 .pro_sort .each_li .third_box').click(function(event) {
										event.stopPropagation();
									});
									$('#div_60251 .pro_sort .each_li').click(function() {
										var title = $(this).prop("title")
										if (title == "") {
											$(this).toggleClass('active');
										} else {
											location.href = title;
										}

									});
								</script>
							</div>
							<div class="clear"></div>
						</div>

						<div class="col_bottom"></div>
					</div>


					<div id="rightObj" class="right">
						<h2 class="title"><b><span id="lblCurrentName">代表人物</span></b></h2>
						<div class="iFCB-pro" style="width: 70%;float: left;">
							<div class="bd">
								<ul class="iFCB-TPLB clearfix">
									<li class="iFCB-PRO-2 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288090' href='jzygdbrwxq.html' title='九澧漁鼓-顏長(zhǎng)春'
													target="_self"><img 
														src="static/image/qdyg.jpg" alt='九澧漁鼓-顏長(zhǎng)春'
														class="intro-info-img " height='400' width='500'></a></div>
											
										</div>
									</li>
									<li class="iFCB-PRO-2 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288104' href='jzygdbrwxq.html' title='九澧漁鼓-金行文'
													target="_self" style="font-weight: bold;">九澧漁鼓-顏長(zhǎng)春</a>
											<p>九澧漁鼓“湖南省首批省級(jí)非物質(zhì)文化遺產(chǎn)項(xiàng)目傳承人”</p>
											<p>1965年從藝,師承臨澧漁鼓藝人徐亮楚。系九澧漁鼓江用弟譜系第五代弟子。他演唱技藝精湛,唱腔獨(dú)具一格,在鼓曲藝人和廣大群眾中有一定的聲譽(yù)和影響。 顏昌春1964年從藝。受前輩藝人言傳身教,他演唱技藝精諶。80年代開(kāi)始嶄露頭角,多次在市縣曲藝大賽和匯演獲獎(jiǎng)。1982年,他與金行文同臺(tái)演唱的雙人漁鼓參加常德地區(qū)曲藝匯滿獲一等獎(jiǎng)...</p>
											</div>
											
										</div>
									</li>
									<li class="iFCB-PRO-2 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288090' href='jzygdbrwxq.html' title='九澧漁鼓-顏長(zhǎng)春'
													target="_self"><img data-id='288090'
														src="static/image/qdyg.jpg" alt='九澧漁鼓-顏長(zhǎng)春'
														class="intro-info-img " height='400' width='500'></a></div>
											
										</div>
									</li>
									<li class="iFCB-PRO-2 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a style="font-weight: bold;" href='jzygdbrwxq.html' title='九澧漁鼓-金行文'
													target="_self">九澧漁鼓-金行文</a>
											<p>“湖南省首批省級(jí)非物質(zhì)文化遺產(chǎn)項(xiàng)目傳承人”<br/>金行文,男,1946年出生,臨澧縣陳二鄉(xiāng)人。</p>
											<p>金行文1960年從藝,師承臨澧名師段訓(xùn)友,系九澧漁鼓李國(guó)元譜系第三代弟子。受前輩藝人的言傳身教,金行文文化革命前參加縣文化工作服務(wù)隊(duì),演唱《兒女風(fēng)塵記》、《烈火金剛》等書(shū)目,在全縣各進(jìn)行巡回演唱。此后,他又先后參加了縣文藝輕騎隊(duì),青山提灌工程工地文藝宣傳隊(duì),利用漁鼓這一地方曲藝形式,宣傳黨的方針政策、工地好人好事,為鼓舞士氣、促進(jìn)工程進(jìn)展起到了積極作用...</p>
											</div>
											
										</div>
									</li>
									
								</ul>
							</div>
						</div>
						<div id="ct61262_divLeftModule" style="width: 30%;float: left;">
							<div class="	iFCB-inside-title iFCB-inside-news">
								<div class="title">
									<span class="more">
										<a href="#" target="_self">更多</a>
									</span>
									<div class="title_more">零陵漁鼓</div>
								</div>
								<div class="content">
									<div class="TTXW_LIST">
										<ul>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='隋唐演義' target='_self'
													style=''>隋唐演義</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a  href='#' title='薛仁貴征東' target='_self'
													style=''>薛仁貴征東</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='樊梨花征西' target='_self'
													style=''>樊梨花征西</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='薛剛反唐' target='_self'
													style=''>薛剛反唐</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='郭子儀征西' target='_self'
													style=''>郭子儀征西</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='殘?zhí)莆宕? target='_self'
													style=''>殘?zhí)莆宕?lt;/a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='288085.html' title='宏碧緣' target='_self'
													style=''>宏碧緣</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='粉粧樓' target='_self'
													style=''>粉粧樓</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='五女興唐' target='_self'
													style=''>五女興唐</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='楊家將' target='_self'
													style=''>楊家將</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='下南唐' target='_self'
													style=''>下南唐</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a  href='#' title='萬(wàn)花樓' target='_self'
													style=''>萬(wàn)花樓</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='五虎平西' target='_self'
													style=''>五虎平西</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='五虎平南' target='_self'
													style=''>五虎平南</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a  href='#' title='慈云走國(guó)' target='_self'
													style=''>慈云走國(guó)</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a  href='#' title='金鞭呼家將' target='_self'
													style=''>金鞭呼家將</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='金臺(tái)平陽(yáng)傳' target='_self'
													style=''>金臺(tái)平陽(yáng)傳</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='濟(jì)公傳' target='_self'
													style=''>濟(jì)公傳</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='岳飛傳' target='_self'
													style=''>岳飛傳</a>
						
											</li>
											<li class="iFCB-PRO-2">
												<div class="u-date"></div>
												<a href='#' title='水滸傳' target='_self'
													style=''>水滸傳</a>
						
											</li>
						
										</ul>
									</div>
								</div>
								<div class="clear"></div>
							</div>
						</div>
						
						<script type="text/javascript" src="static/js/pagerformat.js"></script>
					</div>
					
					<div class="main_bottom"></div>
				</div>
				<div class="main-btm"></div>
			</div>



			<div class="footer">
				<div class="ft-wrap">
					<div class="copyright">
						<table width="70%">
							<tbody>
								<tr>
									<td align="center">
										<p>
											<span style="white-space:nowrap;"><span>湖南漁鼓</span>&nbsp;&nbsp;
												版權(quán)所有&nbsp;&nbsp;&nbsp;<a href="javascript:;" target="_blank"
													rel="nofollow">免責(zé)聲明</a>&nbsp;&nbsp;&nbsp;<a href="javascript:;"
													target="_blank" rel="nofollow">胡ICP備18005029號(hào)-1</a> &nbsp;</span>
										</p>
										<p>
											<span style="color:#000000;"><span style="white-space:nowrap;"><a
														href="javascript:;" target="_blank">技術(shù)支持</a>:<a
														href="javascript:;" target="_blank">湖南漁鼓宣傳團(tuán)隊(duì)</a>(<a
														href="javascript:;" target="_blank">www.hunanyugu.cn</a>)
												</span></span>
										</p>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			
			</div>
			
			
			<div class="online-qq-lx online-qq-right" style="position: fixed;">
				<dl class="qq_content-lx">
					<dd class="mbar-ico mbar-tel"><i></i>
						<div class="mbar-tip"><strong>0731-63611488</strong></div>
					</dd>
					<dd class="mbar-ico mbar-micro mbar-micro-sj"><i></i>
						<div class="mbar-tip"><img width='111px' height='111px'
								src='static/picture/QR.png'><span>關(guān)注公眾號(hào)</span></div>
					</dd>
					<dd class="mbar-ico mbar-top" id="pageTop"><a href="#"><i></i></a>
						<div class="mbar-tip"><a href="#">[向上]</a></div>
					</dd>
				</dl>
			</div>
<div class="pg_margins pg_inside">
			<div id="tips"></div>
			<div class="topArea">
				<div class="bg-topArea">
					<p class="wel">
						今天是2022年12月21日 星期五,歡迎光臨本站&nbsp;<br> </p>
					<ul class="r-arte">
						<li class="sCommon">
							<span></span><a href="javascript:;" class="favorite" rel="nofollow"
								onclick="setHome(this,window.location);addFavorite(document.location.href, document.title);">收藏本站</a><a
								class="top_map" href="sitemap.html">網(wǎng)站地圖</a>
							<div class=" touch-btn">
								<a target="_blank" rel="nofollow" class="top_mobile" href="mobileqr.html">微信公眾號(hào)</a>
								<div id="mobileQr" class="touch-box">
									<div class="wrap">
			
										<table class="mytable">
											<tbody>
												<tr>
													<td>
														<ul class="code msite">
															<li>
																<div class="img"> <img width="150" height="150"
																		alt="關(guān)注公眾號(hào)" src="static/picture/QR.png"> </div>
																<div class="text"><a href="index1.html">關(guān)注公眾號(hào)</a></div>
															</li>
														</ul>
													</td>
			
												</tr>
											</tbody>
										</table>
			
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			
			</div>
			<div class="header">
				<div class="header-inner clearfix">
					<div class="logo ">
						<a href="index.html" title="湖南漁鼓">
							<img style="margin-left: 100px;width: 130px;height: 130px;" src="static/picture/6633905950452e701772ff1faf01919.png" alt="湖南漁鼓" id="logopic">
								
								<img src="static/picture/636869499842666583.png" alt="湖南漁鼓" id="logopic">
							</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		<div class="navbox" id="topNav">
			<div class="nav" style="margin:0 auto;">
				<ul>
			
					<li class="nav0" style="width:198px;">
						<a href="index.html">網(wǎng)站首頁(yè)
						</a>
					</li>
					<li class="line"></li>
					<li class="nav1" style="width:198px;" onmouseover="showMenu(15464);"
						onmouseout="hiddMenu(15464);">
						<a href="qddbrw.html" id="menuA15464">祁東漁鼓
						</a>
						<div class="shownav" id="menu15464">
							<a href="qdlsyy.html">歷史淵源</a>
							<a href="qddbrw.html">代表人物</a>
							<a href="qddbq.html">代表曲</a>
							
						</div>
					</li>
					<li class="line"></li>
					<li class="nav2" style="width:198px;">
						<a href="jzygdbrw.html">九澧漁鼓 
						</a>
						<div class="shownav" id="menu15458">
							<a href="jzyglsyy.html">歷史淵源</a>
							<a href="jzygdbrw.html">代表人物</a>
							<a href="jzygdbq.html">代表曲</a>
							
						</div>
					</li>
					<li class="line"></li>
					<li class="nav3" style="width:198px;" onmouseover="showMenu(15458);"
						onmouseout="hiddMenu(15458);">
						<a href="llygdbrw.html" id="menuA15458">零陵漁鼓
						</a>
						<div class="shownav" id="menu15458">
							<a href="llyglsyy.html">歷史淵源</a>
							<a href="llygdbrw.html">代表人物</a>
							<a href="llygdbq.html">代表曲</a>
							
						</div>
					</li>
					<li class="line"></li>
					
					<li class="line"></li>
					<li class="nav5" style="width:200px;">
						<a href="hudong.html">互動(dòng)交流
						</a>
					</li>
					<li class="nav4" style="width:198px;" onmouseover="showMenu(15462);"
						onmouseout="hiddMenu(15462);">
						<a href="lxwm.html" id="menuA15462">聯(lián)系我們
						</a>
					</li>
					<script type="text/javascript">
						var isOn = false;
						var navList = $('.nav>ul>li>a') || [];
						for (var i = 0; i < navList.length; i++) {
							if (navList[i].pathname == location.pathname) {
								$(navList[i]).addClass("current");
								isOn = true;
								break;
							}
						}
						if (!isOn) {
							eval('var menuStates = [] || []');
							for (var i = 0; i < navList.length; i++) {
								if (navList[i].pathname == menuStates[menuStates.length - 1]) {
									$(navList[i]).addClass("current");
									isOn = true;
									break;
								}
							}
							if (!isOn) {
								for (var i = 0; i < navList.length; i++) {
									if ($.inArray(navList[i].pathname, menuStates) > -1) {
										$(navList[i]).addClass("current");
										isOn = true;
										break;
									}
								}
							}
						}
					</script>
				</ul>
			</div>
		</div>
		<script type="text/javascript">
				$(document).ready(function() {
					//增加導(dǎo)航固定模式,使導(dǎo)航跟隨滾動(dòng)條滾動(dòng)
					jQuery(window).scroll(function() {
						var sTop = jQuery(document).scrollTop();
						if (sTop >= 42) {
							$("#topNav").addClass("nav_fixed");
							$(".HOT-KEYS").addClass("HOT-KEYS-ADD");
						} else {
							$("#topNav").removeClass("nav_fixed");
							$(".HOT-KEYS").removeClass("HOT-KEYS-ADD");
						}
					});

				});
			</script>
			<div class="HOT-KEYS" id="HOT">
				<div class="searchformBox">
					<form method="get" action="/search.html" name="searchForm">
						<input class="serach_input" maxlength="30" size="30" placeholder="請(qǐng)輸入搜索關(guān)鍵詞!"
							name="searchKeyword" type="text">
						<input class="btn_serach" value="" type="submit">
					</form>
				</div>
				<div class="clear"></div>
			</div>
			<div class='banner' id="banner">
				<span class='left-shadow'></span><span class='right-shadow'></span>
				<div>
				                    <script language="javascript">bannerShow(7, 1920, 400, "5000", '5283')</script>
				    <div class="picBox">
				        <div class="hd">
				            <ul></ul>
				        </div>
				        <div class="bd">           
				            <ul style="width: 1920px; height: 250px;">
				                            <li style="background: url('	http://ahxqpt.com/u/84396eec-a3f6-4dc8-8abb-d7ae8f0ba8b1/image/0636875179057485335.jpg') no-repeat 50% 0 ;height: 250px;width: 1920px;">
				                                <a href="javascript:;" style="display:block;width:100%;height:100%; cursor:default;"></a>
				                            </li>
				                </ul> 
				        </div>
				    </div>
				    <script type="text/javascript">
				        var showBanner=function(){
				            if('false'=="true"){$('.picBox').slide({titCell:'.hd ul', mainCell:'.bd ul', autoPlay:false, autoPage:true, effect:'fade', easing:'easeOutCirc', trigger:'mouseover', pnLoop:true, interTime:3000, delayTime:500 });}
				            else{$('.picBox').slide({mainCell:'.bd ul', autoPlay:false, autoPage:false, effect:'fade', easing:'easeOutCirc', trigger:'mouseover', pnLoop:true, interTime:3000, delayTime:500 });}
				        }
				        showBanner();
				        $(window).resize(function () {showBanner();});
				</script>
				
				
				                </div>
				<div class='blank-area'></div>
			</div>


			<div id="mainhome" class="main-home inner">
				<div class="main-top"></div>
				<div class="main mainbg ">
					<div class="location">
						<span class="ico">
							<a href="index.html" title="首頁(yè)">首頁(yè)</a>
							<span>&gt;</span>
							<a href="llygdbrw.html" id="60246">零陵漁鼓</a>
							<span>&gt;</span>
							<a href="llygdbrw.html" id="qddbrw">代表曲</a>
						</span>
					</div>
					<div id="leftObj" class="left">
						<div class="shadow"></div>
						<div class="pro_sort_box">
							<input id="CurrentCategoryID" name="CurrentCategoryID" type="hidden" value="60251">
							<div class="title">
								<div class="title_more">
									<a href="61262.html" id="60246">零陵漁鼓</a>
								</div>
							</div>
							<div id="div_60251">
								<div class="pro_sort">
									<div>
										<div class="each_li">
											<div class="name">
												<div class="icon">
													<a href="llyglsyy.html" id="61263">&nbsp;&nbsp;&nbsp;&nbsp;歷史淵源</a>
												</div>
											</div>
										</div>
										<div class="each_li active current">
											<div class="name">
												<div class="icon">
													<a href="llygdbrw.html" id="61262">&nbsp;&nbsp;&nbsp;&nbsp;代表人物</a>
												</div>
											</div>
										</div>
										<div class="each_li">
											<div class="name">
												<div class="icon">
													<a href="llygdbq.html" id="60251">&nbsp;&nbsp;&nbsp;&nbsp;代表曲</a>
												</div>
											</div>
										</div>
										
									</div>
									<div class="promore"><a href=''>更多分類</a></div>
								</div>
								<script type="text/javascript">
									var each_li = $('#div_60251 .pro_sort .each_li');
									for (var i = 0; i < each_li.length; i++) {
										var li = each_li[i];
										var length = li.children.length;
										if (length > 1) {
											li.title = "";
										} else {
											var li_name = li.children[0].children[0];
											li_name.className = "";

											if (li.className.indexOf("current") > 0) {

												li.className = "each_li current";
											} else {
												li.className = "each_li ";
											}
											var href = li_name.children[0].href;
											li.title = href;
										}
									}
									$('#div_60251 .pro_sort .each_li .third_box').click(function(event) {
										event.stopPropagation();
									});
									$('#div_60251 .pro_sort .each_li').click(function() {
										var title = $(this).prop("title")
										if (title == "") {
											$(this).toggleClass('active');
										} else {
											location.href = title;
										}

									});
								</script>
							</div>
							<div class="clear"></div>
						</div>

						<div class="col_bottom"></div>
					</div>


					<div id="rightObj" class="right">
						<h2 class="title"><b><span id="lblCurrentName">代表曲</span></b></h2>
						<div class="iFCB-pro">
							<div class="bd">
								<ul class="iFCB-TPLB clearfix">
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288090' href='llygdbqxq.html' title='零陵漁鼓-三姑記'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288090' href='llygdbqxq.html' title='零陵漁鼓-三姑記'
														target='_self' style=''>零陵漁鼓-三姑記</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288104' href='llygdbqxq.html' title='零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288104' href='llygdbqxq.html'
														title='零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨' target='_self' style=''>零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288103' href='llygdbqxq.html' title='零陵漁鼓-歌唱十六條'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288103' href='llygdbqxq.html' title='零陵漁鼓-歌唱十六條'
														target='_self' style=''>零陵漁鼓-歌唱十六條</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288102' href='llygdbqxq.html' title='零陵漁鼓-說(shuō)當(dāng)兵'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288102' href='llygdbqxq.html' title='零陵漁鼓-說(shuō)當(dāng)兵'
														target='_self' style=''>零陵漁鼓-說(shuō)當(dāng)兵</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288090' href='llygdbqxq.html' title='零陵漁鼓-三姑記'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288090' href='llygdbqxq.html' title='零陵漁鼓-三姑記'
														target='_self' style=''>零陵漁鼓-三姑記</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288104' href='llygdbqxq.html' title='零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288104' href='llygdbqxq.html'
														title='零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨' target='_self' style=''>零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288103' href='llygdbqxq.html' title='零陵漁鼓-歌唱十六條'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288103' href='llygdbqxq.html' title='零陵漁鼓-歌唱十六條'
														target='_self' style=''>零陵漁鼓-歌唱十六條</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288102' href='llygdbqxq.html' title='零陵漁鼓-說(shuō)當(dāng)兵'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288102' href='llygdbqxq.html' title='零陵漁鼓-說(shuō)當(dāng)兵'
														target='_self' style=''>零陵漁鼓-說(shuō)當(dāng)兵</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288090' href='llygdbqxq.html' title='零陵漁鼓-三姑記'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288090' href='llygdbqxq.html' title='零陵漁鼓-三姑記'
														target='_self' style=''>零陵漁鼓-三姑記</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288104' href='llygdbqxq.html' title='零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288104' href='llygdbqxq.html'
														title='零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨' target='_self' style=''>零陵漁鼓-十唱農(nóng)業(yè)學(xué)大寨</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288103' href='llygdbqxq.html' title='零陵漁鼓-歌唱十六條'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288103' href='llygdbqxq.html' title='零陵漁鼓-歌唱十六條'
														target='_self' style=''>零陵漁鼓-歌唱十六條</a>
												</dt>
											</dl>
										</div>
									</li>
									<li class="iFCB-PRO-3 clearfix">
										<div class="iFCB-rp">
											<div class="m-pic"><a data-id='288102' href='llygdbqxq.html' title='零陵漁鼓-說(shuō)當(dāng)兵'
													target="_self"><video controls="controls" height="216" width="260" autoplay="true">
									<source src="static/image/qddbq01.mp4" type="video/mp4">Your browser does not support the video tag.</video></a></div>
											<dl>
												<dt class="u-tt"><a data-id='288102' href='llygdbqxq.html' title='零陵漁鼓-說(shuō)當(dāng)兵'
														target='_self' style=''>零陵漁鼓-說(shuō)當(dāng)兵</a>
												</dt>
											</dl>
										</div>
									</li>

								</ul>
							</div>
						</div>
						
						<script type="text/javascript" src="static/js/pagerformat.js"></script>
					</div>


					<div class="main_bottom"></div>
					<div id="ct61262_divLeftModule">
						<div class="	iFCB-inside-title iFCB-inside-news">
							<div class="title">
								<span class="more">
									<a href="#" target="_self">更多</a>
								</span>
								<div class="title_more">漁鼓推薦</div>
							</div>
							<div class="content">
								<div class="TTXW_LIST">
									<ul>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='三姑記' target='_self'
												style=''>三姑記</a>
					
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a  href='#' title='十唱農(nóng)業(yè)學(xué)大寨' target='_self'
												style=''>十唱農(nóng)業(yè)學(xué)大寨</a>
					
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
					
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='說(shuō)當(dāng)兵' target='_self'
												style=''>說(shuō)當(dāng)兵</a>
					
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='三姑記' target='_self'
												style=''>三姑記</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a  href='#' title='十唱農(nóng)業(yè)學(xué)大寨' target='_self'
												style=''>十唱農(nóng)業(yè)學(xué)大寨</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='說(shuō)當(dāng)兵' target='_self'
												style=''>說(shuō)當(dāng)兵</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='三姑記' target='_self'
												style=''>三姑記</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a  href='#' title='十唱農(nóng)業(yè)學(xué)大寨' target='_self'
												style=''>十唱農(nóng)業(yè)學(xué)大寨</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='說(shuō)當(dāng)兵' target='_self'
												style=''>說(shuō)當(dāng)兵</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='三姑記' target='_self'
												style=''>三姑記</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a  href='#' title='十唱農(nóng)業(yè)學(xué)大寨' target='_self'
												style=''>十唱農(nóng)業(yè)學(xué)大寨</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='說(shuō)當(dāng)兵' target='_self'
												style=''>說(shuō)當(dāng)兵</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='金臺(tái)平陽(yáng)傳' target='_self'
												style=''>金臺(tái)平陽(yáng)傳</a>
					
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='三姑記' target='_self'
												style=''>三姑記</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a  href='#' title='十唱農(nóng)業(yè)學(xué)大寨' target='_self'
												style=''>十唱農(nóng)業(yè)學(xué)大寨</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										<li class="iFCB-PRO-8">
											<div class="u-date"></div>
											<a href='#' title='歌唱十六條' target='_self'
												style=''>歌唱十六條</a>
										
										</li>
										
					
									</ul>
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
					
				</div>
				<div class="main-btm"></div>
			</div>



			<div class="footer">
				<div class="ft-wrap">
					<div class="copyright">
						<table width="70%">
							<tbody>
								<tr>
									<td align="center">
										<p>
											<span style="white-space:nowrap;"><span>湖南漁鼓</span>&nbsp;&nbsp;
												版權(quán)所有&nbsp;&nbsp;&nbsp;<a href="javascript:;" target="_blank"
													rel="nofollow">免責(zé)聲明</a>&nbsp;&nbsp;&nbsp;<a href="javascript:;"
													target="_blank" rel="nofollow">胡ICP備18005029號(hào)-1</a> &nbsp;</span>
										</p>
										<p>
											<span style="color:#000000;"><span style="white-space:nowrap;"><a
														href="javascript:;" target="_blank">技術(shù)支持</a>:<a
														href="javascript:;" target="_blank">湖南漁鼓宣傳團(tuán)隊(duì)</a>(<a
														href="javascript:;" target="_blank">www.hunanyugu.cn</a>)
												</span></span>
										</p>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			
			</div>
			
			
			<div class="online-qq-lx online-qq-right" style="position: fixed;">
				<dl class="qq_content-lx">
					<dd class="mbar-ico mbar-tel"><i></i>
						<div class="mbar-tip"><strong>0731-63611488</strong></div>
					</dd>
					<dd class="mbar-ico mbar-micro mbar-micro-sj"><i></i>
						<div class="mbar-tip"><img width='111px' height='111px'
								src='static/picture/QR.png'><span>關(guān)注公眾號(hào)</span></div>
					</dd>
					<dd class="mbar-ico mbar-top" id="pageTop"><a href="#"><i></i></a>
						<div class="mbar-tip"><a href="#">[向上]</a></div>
					</dd>
				</dl>
			</div>

6.總結(jié)

在設(shè)計(jì)基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的過(guò)程中,我們注重了以下幾個(gè)方面:

(1)內(nèi)容豐富多樣:通過(guò)使用精選的圖像、視頻和文字內(nèi)容,我們?nèi)嬲故玖撕蠞O鼓文化的特點(diǎn)和魅力。用戶可以通過(guò)瀏覽網(wǎng)頁(yè)了解湖南漁鼓的起源、發(fā)展歷程以及其在湖南地區(qū)的重要地位。

(2)美觀易用的設(shè)計(jì):我們注重網(wǎng)頁(yè)的美觀性和易用性。通過(guò)合適的顏色、布局和排版,使網(wǎng)頁(yè)的界面簡(jiǎn)潔、清晰,用戶可以輕松導(dǎo)航和瀏覽網(wǎng)頁(yè)內(nèi)容。同時(shí),通過(guò)使用高質(zhì)量的圖像和視頻,讓用戶可以真實(shí)感受湖南漁鼓文化的視覺(jué)魅力。

(3)交互性的功能:為了增加用戶的參與度,我們?yōu)榫W(wǎng)頁(yè)添加了一些交互性的功能。例如,用戶可以通過(guò)網(wǎng)頁(yè)欣賞湖南漁鼓的音頻,親身體驗(yàn)漁鼓的鼓點(diǎn)與節(jié)奏。同時(shí),我們還為用戶提供了舞蹈教學(xué)的視頻,讓用戶能夠了解和學(xué)習(xí)湖南漁鼓的舞蹈動(dòng)作。

(4)教育性和啟發(fā)性:除了傳達(dá)湖南漁鼓文化的基本知識(shí),我們還提供了專業(yè)的解讀和背景知識(shí),幫助用戶更深入地理解湖南漁鼓的藝術(shù)價(jià)值和歷史背景。通過(guò)網(wǎng)頁(yè)的內(nèi)容,我們希望引發(fā)用戶對(duì)湖南漁鼓文化的探索和研究興趣。

通過(guò)設(shè)計(jì)基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè),我們旨在向廣大用戶傳遞湖南漁鼓文化的魅力和價(jià)值,促進(jìn)文化的傳承和交流。通過(guò)豐富多樣的內(nèi)容呈現(xiàn),美觀易用的設(shè)計(jì)和交互性功能,我們期望能夠激發(fā)用戶對(duì)湖南漁鼓文化的興趣和熱愛(ài),推動(dòng)文化的普及和傳播。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-531678.html

到了這里,關(guān)于【網(wǎng)頁(yè)設(shè)計(jì)】基于HTML的湖南漁鼓文化宣傳網(wǎng)頁(yè)的設(shè)計(jì)的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包