asp.net 中使用菜单控件

时间:2023-02-12 05:35:59
公司让我在ascx中添加一个菜单导航控件,是一个两级菜单,菜单中的内容是根据数据库的内容。
由于使用的是.NET 1.1,所以不能用ASP自带的MENU控件,现在毫无头绪,请大家帮帮忙,谢谢

8 个解决方案

#1


用ajax+js无限级导航条`````

#2


考虑动态生成js

#3


可是ascx不是没有<head>吗,外部的JS和CSS都不能加进去

#4


可是ascx不是没有<head>的吗,外部JS和CSS都不能加进去的

#5


js貌似不在head里加都可以啊,css没尝试过````````

#6



<style>
#g_div{text-align:right;overflow:hidden}
.b{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.b:hover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.bhover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
</style>

<div id="g_div" style="width:270px;height:252px"><a 
href="#" target=_blank><img 
id="g_img" style="FILTER:revealTrans(duration=1,transition=23);width:266px;height:220px;border:1px green solid" src="http://zi.csdn.net/xian.gif">
</a><a 
href="http://www.baidu.com/" for="http://zi.csdn.net/xian.gif"  target="_blank">1.CSDN程序员</a><a 
href="http://www.126.com/" for="http://zi.csdn.net/microsoft280_187.jpg"  target="_blank">2.CSDN程序员</a><a 
href="http://mp3.baidu.com/"  for="http://zi.csdn.net/live.gif"   target="_blank">3.CSDN程序员</a><a 
href="http://post.baidu.com/" for="http://zi.csdn.net/new-mba.gif"  target="_blank">4.CSDN程序员</a><a 
href="http://top.baidu.com/" for="http://zi.csdn.net/book.jpg"  target="_blank">5.CSDN程序员</a>
</div>

<script language="JavaScript">
function f(){
var g_sec=3          //几秒后切换图片
var g_items=new Array()
var g_div=document.getElementById("g_div") 
var g_img=document.getElementById("g_img") 
var g_imglink=g_img.parentElement
var arr=g_div.getElementsByTagName("A")
var arr_length=arr.length
var g_index=1

var show_img=function(n){  
   if (/\d+/.test(n)){
var prev=g_index+1
g_index=n-1
   }else{   
var prev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index<arr_length-2)?(++g_index):0
   } 
   if (document.all){
   g_img.filters.revealTrans.Transition=23;
  g_img.filters.revealTrans.apply();
  g_img.filters.revealTrans.play();
    }
 arr[prev].className="b"  
 arr[g_index+1].className="bhover"
 g_img.src=g_items[g_index].img.src
 g_img.title=g_items[g_index].txt
 g_imglink.href=g_items[g_index].url  
 g_imglink.target=g_items[g_index].target
  
}

for(var i=1;i<arr_length;i++){
g_items.push({txt:arr[i].innerHTML,
url:arr[i].href,
target:arr[i].target,
img:(function(){var o=new Image;o.src=arr[i].getAttribute("for");return o})()}) 
arr[i].title=arr[i].innerHTML
arr[i].innerHTML=[i,"&nbsp;"].join("")
arr[i].className="b"
arr[i].onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
var t=window.setInterval(show_img,g_sec*1000) 
g_img.onmouseover=function(){window.clearInterval(t)}
g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)}  
}

window.attachEvent("onload",f) 
</script>


#7


在页面搞个字符串,然后在后台动态拼出HTML代码来,比较麻烦!还好,我们已经有类似这样的代码了

#8


期待解答

#1


用ajax+js无限级导航条`````

#2


考虑动态生成js

#3


可是ascx不是没有<head>吗,外部的JS和CSS都不能加进去

#4


可是ascx不是没有<head>的吗,外部JS和CSS都不能加进去的

#5


js貌似不在head里加都可以啊,css没尝试过````````

#6



<style>
#g_div{text-align:right;overflow:hidden}
.b{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.b:hover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.bhover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
</style>

<div id="g_div" style="width:270px;height:252px"><a 
href="#" target=_blank><img 
id="g_img" style="FILTER:revealTrans(duration=1,transition=23);width:266px;height:220px;border:1px green solid" src="http://zi.csdn.net/xian.gif">
</a><a 
href="http://www.baidu.com/" for="http://zi.csdn.net/xian.gif"  target="_blank">1.CSDN程序员</a><a 
href="http://www.126.com/" for="http://zi.csdn.net/microsoft280_187.jpg"  target="_blank">2.CSDN程序员</a><a 
href="http://mp3.baidu.com/"  for="http://zi.csdn.net/live.gif"   target="_blank">3.CSDN程序员</a><a 
href="http://post.baidu.com/" for="http://zi.csdn.net/new-mba.gif"  target="_blank">4.CSDN程序员</a><a 
href="http://top.baidu.com/" for="http://zi.csdn.net/book.jpg"  target="_blank">5.CSDN程序员</a>
</div>

<script language="JavaScript">
function f(){
var g_sec=3          //几秒后切换图片
var g_items=new Array()
var g_div=document.getElementById("g_div") 
var g_img=document.getElementById("g_img") 
var g_imglink=g_img.parentElement
var arr=g_div.getElementsByTagName("A")
var arr_length=arr.length
var g_index=1

var show_img=function(n){  
   if (/\d+/.test(n)){
var prev=g_index+1
g_index=n-1
   }else{   
var prev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index<arr_length-2)?(++g_index):0
   } 
   if (document.all){
   g_img.filters.revealTrans.Transition=23;
  g_img.filters.revealTrans.apply();
  g_img.filters.revealTrans.play();
    }
 arr[prev].className="b"  
 arr[g_index+1].className="bhover"
 g_img.src=g_items[g_index].img.src
 g_img.title=g_items[g_index].txt
 g_imglink.href=g_items[g_index].url  
 g_imglink.target=g_items[g_index].target
  
}

for(var i=1;i<arr_length;i++){
g_items.push({txt:arr[i].innerHTML,
url:arr[i].href,
target:arr[i].target,
img:(function(){var o=new Image;o.src=arr[i].getAttribute("for");return o})()}) 
arr[i].title=arr[i].innerHTML
arr[i].innerHTML=[i,"&nbsp;"].join("")
arr[i].className="b"
arr[i].onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
var t=window.setInterval(show_img,g_sec*1000) 
g_img.onmouseover=function(){window.clearInterval(t)}
g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)}  
}

window.attachEvent("onload",f) 
</script>


#7


在页面搞个字符串,然后在后台动态拼出HTML代码来,比较麻烦!还好,我们已经有类似这样的代码了

#8


期待解答