javascript导航,js地图导航

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://pwwzsj.com/article/dsdjdio.html