導(dǎo)航條是網(wǎng)站中必不缺少的組成部分，通常位于網(wǎng)頁頂部，是引導(dǎo)用戶到達(dá)不同頁面之間的功能。在coolsite360的專業(yè)建站里，提供了默認(rèn)導(dǎo)航條模塊供大家使用。下面為大家介紹在專業(yè)建站里如何編輯使用導(dǎo)航條。專業(yè)建站不僅擁有模塊建站使用配置項(xiàng)，而且還支持全自由度的樣式修改。在修改時，具備一定的HTML和CSS樣式語法基礎(chǔ)是必不可少的。這里，為大家介紹在專業(yè)建站里如何修改logo、自定義鏈接、添加鏈接項(xiàng)、以及導(dǎo)航條樣式等。

插入導(dǎo)航條

在專業(yè)建站編輯器左側(cè)菜單找到導(dǎo)航條插入到網(wǎng)頁中。

 自定義鏈接

1.選中想要修改的鏈接項(xiàng)。在右側(cè)「設(shè)置」——「元素」面板下可對該鏈接進(jìn)行設(shè)置。

2.鏈接提供了很多類型的跳轉(zhuǎn)方式，常見的跳轉(zhuǎn)其他網(wǎng)站網(wǎng)址、撥打電話、郵件。也可跳轉(zhuǎn)當(dāng)前站點(diǎn)的其他頁面、節(jié)等，如下圖設(shè)置所示。

 增加鏈接項(xiàng)

1.鼠標(biāo)選中鏈接項(xiàng)，點(diǎn)擊右側(cè)在右側(cè)「設(shè)置」——「元素」面板下即可對鏈接項(xiàng)進(jìn)行設(shè)置。

2.點(diǎn)擊「增加新鏈接」或者「添加下拉菜單」可新增一個鏈接項(xiàng)。

3.可對每個鏈接項(xiàng)進(jìn)行編輯／復(fù)制／刪除等操作。

DOM樹結(jié)構(gòu)操作

1.專業(yè)建站可以對DOM樹結(jié)構(gòu)進(jìn)行操作，選中任意一個節(jié)點(diǎn)，單擊鼠標(biāo)右鍵彈出編輯菜單。

2。在這里同樣可以對元素進(jìn)行編輯／復(fù)制／黏貼／刪除等操作。

 二級下拉導(dǎo)航菜單

二級下拉菜單是對導(dǎo)航條的補(bǔ)充和完善，和一級導(dǎo)航菜單一樣也可以增加刪除、自定義跳轉(zhuǎn)鏈接等操作。

選中下拉菜單鏈接項(xiàng)，點(diǎn)擊右側(cè)在右側(cè)「設(shè)置」——「元素」面板下即可對鏈接項(xiàng)進(jìn)行設(shè)置。

2.點(diǎn)擊「添加新鏈接」可新增一個鏈接項(xiàng)。

3.可對每個鏈接項(xiàng)進(jìn)行編輯／復(fù)制／刪除等操作。