最簡單的話用frameset
目前創(chuàng)新互聯(lián)已為成百上千家的企業(yè)提供了網(wǎng)站建設、域名、虛擬主機、網(wǎng)站托管、服務器租用、企業(yè)網(wǎng)站設計、阿壩州網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
其次是frame
要想效果好，建議使用extjs
以上3種在網(wǎng)上都有代碼，建議去看下
無非就是先隱藏下拉菜單部分div內容，然后用javascript的dom方法找到隱藏的div，令其顯示然后在隱藏。jquery制作起來更方便，網(wǎng)上的這方面的代碼有很多。
createElement()
appendChild()
不知道你要創(chuàng)建什么樣的
這兩個方法可以用
先創(chuàng)建元素，然后插入做元素的子元素
JavaScript 是什麼？
JavaScript 是一種新的描述語言，此一語言可以被箝入 HTML 的文件之中。
透過 JavaScript 可以做到回應使用者的需求事件 (如： form 的輸入) 而不用任何的網(wǎng)路
來回傳輸資料，所以當一位使用者輸入一項資料時，它不用經(jīng)過傳給伺服端 (server)
處理，再傳回來的過程，而直接可以被客戶端 (client) 的應用程式所處理。你也可
以想像成有一個可執(zhí)行程式在你的客端上執(zhí)行一樣！目前已有一些寫好的程式在
Internet 上你可以連過去看看，以下有一些計算器的例子，在 Nescape 上。
JavaScript 和 Java 很類似，但到底并不一樣！ Java 是一種比 JavaScript 更復雜
許多的程式語言，而 JavaScript 則是相當容易了解的語言。JavaScript 創(chuàng)作者
可以不那麼注重程式技巧，所以許多 Java 的特性在 Java Script 中并不支援。
如需相關的更多資訊，可以去讀讀 Netscape 的有關 Netscape JavaScript 之介紹。
1.首先將以下代碼插入到你body需要設置導航的地方
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;}
看下這個吧，JS跟簡單。但是沒有JS，更沒有DW，寫不了。
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
重慶分公司
重慶分公司
