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地图导航
URL分享:http://ybzwz.com/article/dsdjdio.html