javascript導(dǎo)航條

最簡單的話用frameset

目前創(chuàng)新互聯(lián)已為成百上千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管、服務(wù)器租用、企業(yè)網(wǎng)站設(shè)計(jì)、阿壩州網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

其次是frame

要想效果好，建議使用extjs

以上3種在網(wǎng)上都有代碼，建議去看下

怎么用javascript做個(gè)導(dǎo)航條,鼠標(biāo)房放上面下拉菜單慢慢出來，鼠標(biāo)移走，慢慢收回的

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

javascript創(chuàng)建動(dòng)態(tài)導(dǎo)航菜單！

createElement()

appendChild()

不知道你要?jiǎng)?chuàng)建什么樣的

這兩個(gè)方法可以用

先創(chuàng)建元素，然后插入做元素的子元素

Javascript是什么意思？

JavaScript 是什麼？

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

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

來回傳輸資料，所以當(dāng)一位使用者輸入一項(xiàng)資料時(shí)，它不用經(jīng)過傳給伺服端 (server)

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

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

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

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

許多的程式語言，而 JavaScript 則是相當(dāng)容易了解的語言。JavaScript 創(chuàng)作者

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

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

如何用JS實(shí)現(xiàn) 網(wǎng)站導(dǎo)航的切換

1.首先將以下代碼插入到你body需要設(shè)置導(dǎo)航的地方

div id="navmenu"

ul id="navi"

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

/a/li

lia href="index1.htm" _fcksavedurl="index1.htm"網(wǎng)站優(yōu)化

/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代碼添加到你網(wǎng)站的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;}

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

求javascript導(dǎo)航代碼

1:ajax;2:js+css

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

html

head

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

title簡單js+css導(dǎo)航例子/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)"導(dǎo)航0/a/li

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

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

/ul

/th

/tr

tr

td style="width:30%"

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

ul

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

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

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

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

/ul

/div

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

ul

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

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

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

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

/ul

/div

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

ul

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

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

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

lia href="javascript:ChangePage(11)"左導(dǎo)航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

當(dāng)前題目：javascript導(dǎo)航,js地圖導(dǎo)航
本文地址：http://www.rwnh.cn/article0/dsdjdio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、網(wǎng)站營銷、小程序開發(fā)、營銷型網(wǎng)站建設(shè)、響應(yīng)式網(wǎng)站、網(wǎng)頁設(shè)計(jì)公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)