javascript導航條

最簡單的話用frameset

目前創新互聯已為成百上千家的企業提供了網站建設、域名、虛擬主機、網站托管、服務器租用、企業網站設計、阿壩州網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協力一起成長，共同發展。

其次是frame

要想效果好，建議使用extjs

以上3種在網上都有代碼，建議去看下

怎么用javascript做個導航條,鼠標房放上面下拉菜單慢慢出來，鼠標移走，慢慢收回的

無非就是先隱藏下拉菜單部分div內容，然后用javascript的dom方法找到隱藏的div，令其顯示然后在隱藏。jquery制作起來更方便，網上的這方面的代碼有很多。

javascript創建動態導航菜單！

createElement()

appendChild()

不知道你要創建什么樣的

這兩個方法可以用

先創建元素，然后插入做元素的子元素

Javascript是什么意思？

JavaScript 是什麼？

JavaScript 是一種新的描述語言，此一語言可以被箝入 HTML 的文件之中。

透過 JavaScript 可以做到回應使用者的需求事件 (如： form 的輸入) 而不用任何的網路

來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經過傳給伺服端 (server)

處理，再傳回來的過程，而直接可以被客戶端 (client) 的應用程式所處理。你也可

以想像成有一個可執行程式在你的客端上執行一樣！目前已有一些寫好的程式在

Internet 上你可以連過去看看，以下有一些計算器的例子，在 Nescape 上。

JavaScript 和 Java 很類似，但到底并不一樣！ Java 是一種比 JavaScript 更復雜

許多的程式語言，而 JavaScript 則是相當容易了解的語言。JavaScript 創作者

可以不那麼注重程式技巧，所以許多 Java 的特性在 Java Script 中并不支援。

如需相關的更多資訊，可以去讀讀 Netscape 的有關 Netscape JavaScript 之介紹。

如何用JS實現 網站導航的切換

1.首先將以下代碼插入到你body需要設置導航的地方

div id="navmenu"

ul id="navi"

lia href="index.htm" _fcksavedurl="index.htm"梧桐首頁

/a/li

lia href="index1.htm" _fcksavedurl="index1.htm"網站優化

/a/li

/ul

/div

script type="text/javascript" language="javascript"

var nav = document.getElementById("navi");

var links = nav.getElementsByTagName("li");

var lilen = nav.getElementsByTagName("a"); //判斷地址

var currenturl = document.location.href;

var last = 0;

for (var i=0;ilinks.length;i++)

{

var linkurl = lilen[i].getAttribute("href");

if(currenturl.indexOf(linkurl)!=-1)

{

last = i;

}

}

links[last].className = "navon"; //高亮代碼樣式

/script

2.然后將以下CSS代碼添加到你網站的CSS文件中

#navmenu{ width:980px;}

#navmenu ul{ padding:0px; margin:0px;}

#navmenu ul li{ float:left; width:80px; list-style:none;

text-align:center; height:30px; line-height:30px;}

.navon{ background:#000000;} .navon a{ color:#ffffff;}

看下這個吧，JS跟簡單。但是沒有JS，更沒有DW，寫不了。

求javascript導航代碼

1:ajax;2:js+css

下面用第二種方式給你寫個超簡單的例子

html

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title簡單js+css導航例子/title

script language="javascript" type="text/javascript"

function $(id)

{

return document.getElementById(id);

}

function ChangeNav(n)

{

for(var i=0;i3;i++)

{

if(i==n)

{

$("nav"+i).style.display="block";

}

else

{

$("nav"+i).style.display="none";

}

}

}

function ChangePage(n)

{

for(var i=0;i12;i++)

{

if(i==n)

{

$("main"+i).style.display="block";

}

else

{

$("main"+i).style.display="none";

}

}

}

/script

style type="text/css"

li.nav{float:left; padding-right:30px}

/style

/head

body

table width="100%" border="1" cellspacing="0" cellpadding="0"

tr

th colspan="2" scope="col"

ul

li class="nav"a href="javascript:ChangeNav(0)"導航0/a/li

li class="nav"a href="javascript:ChangeNav(1)"導航1/a/li

li class="nav"a href="javascript:ChangeNav(2)"導航2/a/li

/ul

/th

/tr

tr

td style="width:30%"

div id="nav0" style="display:block"

ul

lia href="javascript:ChangePage(0)"左導航0/a/li

lia href="javascript:ChangePage(1)"左導航1/a/li

lia href="javascript:ChangePage(2)"左導航2/a/li

lia href="javascript:ChangePage(3)"左導航3/a/li

/ul

/div

div id="nav1" style="display:none"

ul

lia href="javascript:ChangePage(4)"左導航4/a/li

lia href="javascript:ChangePage(5)"左導航5/a/li

lia href="javascript:ChangePage(6)"左導航6/a/li

lia href="javascript:ChangePage(7)"左導航7/a/li

/ul

/div

div id="nav2" style="display:none"

ul

lia href="javascript:ChangePage(8)"左導航8/a/li

lia href="javascript:ChangePage(9)"左導航9/a/li

lia href="javascript:ChangePage(10)"左導航10/a/li

lia href="javascript:ChangePage(11)"左導航11/a/li

/ul

/div

/td

td

div id="main0" style="display:block"第一頁/div

div id="main1" style="display:none"第二頁/div

div id="main2" style="display:none"第三頁/div

div id="main3" style="display:none"第四頁/div

div id="main4" style="display:none"第五頁/div

div id="main5" style="display:none"第六頁/div

div id="main6" style="display:none"第七頁/div

div id="main7" style="display:none"第八頁/div

div id="main8" style="display:none"第九頁/div

div id="main9" style="display:none"第十頁/div

div id="main10" style="display:none"第十一頁/div

div id="main11" style="display:none"第十二頁/div

/td

/tr

/table

/body

/html

當前題目：javascript導航,js地圖導航
本文地址：http://vcdvsql.cn/article0/dsdjdio.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、網站營銷、小程序開發、營銷型網站建設、響應式網站、網頁設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯