经理要求用javascript实现如csdn首页的导航菜单,而且可以自己手动设置导航菜单的项数。即 我输入3,就生成3项例如:新闻,体育,财经。输入2就要生成2项,例如:新闻,财经。
本人刚刚学习asp.net,导航菜单都不知道怎么实现呢 。一下就要做一个可以动态设置项数的导航菜单,不要下拉菜单的。
请高手执教!!!
本人刚刚学习asp.net,导航菜单都不知道怎么实现呢 。一下就要做一个可以动态设置项数的导航菜单,不要下拉菜单的。
请高手执教!!!
一个数组,一个循环,然后document.write
还不让我从后台掉数据。不知道你明白我的意思不
<!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();}" />
</form>
<div id="main"></div>
</body>
</html>