最简单的话用frameset
目前创新互联已为成百上千家的企业提供了网站建设、域名、虚拟主机、网站托管、服务器租用、企业网站设计、阿坝州网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
其次是frame
要想效果好，建议使用extjs
以上3种在网上都有代码，建议去看下
无非就是先隐藏下拉菜单部分div内容，然后用javascript的dom方法找到隐藏的div，令其显示然后在隐藏。jquery制作起来更方便，网上的这方面的代码有很多。
createElement()
appendChild()
不知道你要创建什么样的
这两个方法可以用
先创建元素，然后插入做元素的子元素
JavaScript 是什麽？
JavaScript 是一种新的描述语言，此一语言可以被箝入 HTML 的文件之中。
透过 JavaScript 可以做到回应使用者的需求事件 (如： form 的输入) 而不用任何的网路
来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给伺服端 (server)
处理，再传回来的过程，而直接可以被客户端 (client) 的应用程式所处理。你也可
以想像成有一个可执行程式在你的客端上执行一样！目前已有一些写好的程式在
Internet 上你可以连过去看看，以下有一些计算器的例子，在 Nescape 上。
JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂
许多的程式语言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者
可以不那麽注重程式技巧，所以许多 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"网站优化
/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，写不了。
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