100分求解首页导航菜单如何实现
日期：2014-05-19 浏览次数：20432 次
100分求解首页导航菜单怎么实现？
经理要求用javascript实现如csdn首页的导航菜单，而且可以自己手动设置导航菜单的项数。即 我输入3，就生成3项例如：新闻，体育，财经。输入2就要生成2项，例如：新闻，财经。
本人刚刚学习asp.net，导航菜单都不知道怎么实现呢 。一下就要做一个可以动态设置项数的导航菜单，不要下拉菜单的。
请高手执教！！！
------解决方案--------------------
把菜单项都存到数据库一个表里去，读取时把记录读出来，遍历输出就可以了
----首先有不负责的领导，然后才有了不负责的程序员
------解决方案--------------------
very simple.
一个数组，一个循环，然后document.write
------解决方案--------------------
csdn那个也太简单了，不值得用什么菜单控件。
你可以从工具栏拖近来一个DataList，绑定（设置DataSourceID）到SQL Server或者XML等，在SelectCommand上写类似“select top 3 [标题],url from [首页导航栏设置] order by [次序]”的查询。如果“top 3”需要由程序生成，也可以由程序给数据源的SelectCommand设置。然后设置绑定的字段为超链接。
将交互操作全都调试好了，当然最后可以设置一下绑定中的样式。
------解决方案--------------------
呵呵,做起来就没那么难了.
------解决方案--------------------
先照“数据绑定”的教程全都看一遍，等自己也能学出那些最基本的入门代码了，真正知道个大概了，再动手写你的这个。
------解决方案--------------------
js完全不会！
------解决方案--------------------
写了个简单的给你：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style>
.item{width:80px;height:20px;text-align:center;float:left;border:1px #000000 solid;}
</style>
<script language= "javascript ">
var arr = new Array( " <a href= '# '> 链接1 </a> ", " <a href= '# '> 链接2 </a> ", " <a href= '# '> 链接3 </a> ", " <a href= '# '> 链接4 </a> ", " <a href= '# '> 链接5 </a> ", " <a href= '# '> 链接6 </a> ", " <a href= '# '> 链接7 </a> ", " <a href= '# '> 链接8 </a> ", " <a href= '# '> 链接9 </a> ", " <a href= '# '> 链接10 </a> ");
function set()
{
var s = " ";
for(var i = 0; i < parseInt(document.getElementById( "num ").value); i++)
{
s += " <div class= 'item '> "+arr[i]+ " </div> ";
}
document.getElementById( "main ").innerHTML = s;
}
function chk()
{
if(document.getElementById( "num ").value != " " && r() && document.getElementById( "num ").value < 11 && document.getElementById( "num ").value > 0)
{
return true;
}
window.alert( "请输入1-10之间的整数！ ");
document.getElementById( "num ").focus();
return false;
}
function r()
{
var myInt = /^\d*$/;
if(myInt.test(document.getElementById( "num ").value))
{
return true;
}
window.alert( "请输入数字! ");
document.getElementById( "num ").focus();
return false;
}
</script>
</head>
<body>
<form id= "form1 " name= "form1 " method= "post " action= " ">
输入导航栏数量： <input type= "text " name= "num " id= "num " />
<input type= "button " name= "ok " id= "ok " value= "OK " onclick= "if(chk()){set();} " />
经理要求用javascript实现如csdn首页的导航菜单，而且可以自己手动设置导航菜单的项数。即 我输入3，就生成3项例如：新闻，体育，财经。输入2就要生成2项，例如：新闻，财经。
本人刚刚学习asp.net，导航菜单都不知道怎么实现呢 。一下就要做一个可以动态设置项数的导航菜单，不要下拉菜单的。
请高手执教！！！
------解决方案--------------------
把菜单项都存到数据库一个表里去，读取时把记录读出来，遍历输出就可以了
----首先有不负责的领导，然后才有了不负责的程序员
------解决方案--------------------
very simple.
一个数组，一个循环，然后document.write
------解决方案--------------------
csdn那个也太简单了，不值得用什么菜单控件。
你可以从工具栏拖近来一个DataList，绑定（设置DataSourceID）到SQL Server或者XML等，在SelectCommand上写类似“select top 3 [标题],url from [首页导航栏设置] order by [次序]”的查询。如果“top 3”需要由程序生成，也可以由程序给数据源的SelectCommand设置。然后设置绑定的字段为超链接。
将交互操作全都调试好了，当然最后可以设置一下绑定中的样式。
------解决方案--------------------
呵呵,做起来就没那么难了.
------解决方案--------------------
先照“数据绑定”的教程全都看一遍，等自己也能学出那些最基本的入门代码了，真正知道个大概了，再动手写你的这个。
------解决方案--------------------
js完全不会！
------解决方案--------------------
写了个简单的给你：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 " />
<title> 无标题文档 </title>
<style>
.item{width:80px;height:20px;text-align:center;float:left;border:1px #000000 solid;}
</style>
<script language= "javascript ">
var arr = new Array( " <a href= '# '> 链接1 </a> ", " <a href= '# '> 链接2 </a> ", " <a href= '# '> 链接3 </a> ", " <a href= '# '> 链接4 </a> ", " <a href= '# '> 链接5 </a> ", " <a href= '# '> 链接6 </a> ", " <a href= '# '> 链接7 </a> ", " <a href= '# '> 链接8 </a> ", " <a href= '# '> 链接9 </a> ", " <a href= '# '> 链接10 </a> ");
function set()
{
var s = " ";
for(var i = 0; i < parseInt(document.getElementById( "num ").value); i++)
{
s += " <div class= 'item '> "+arr[i]+ " </div> ";
}
document.getElementById( "main ").innerHTML = s;
}
function chk()
{
if(document.getElementById( "num ").value != " " && r() && document.getElementById( "num ").value < 11 && document.getElementById( "num ").value > 0)
{
return true;
}
window.alert( "请输入1-10之间的整数！ ");
document.getElementById( "num ").focus();
return false;
}
function r()
{
var myInt = /^\d*$/;
if(myInt.test(document.getElementById( "num ").value))
{
return true;
}
window.alert( "请输入数字! ");
document.getElementById( "num ").focus();
return false;
}
</script>
</head>
<body>
<form id= "form1 " name= "form1 " method= "post " action= " ">
输入导航栏数量： <input type= "text " name= "num " id= "num " />
<input type= "button " name= "ok " id= "ok " value= "OK " onclick= "if(chk()){set();} " />
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
