asp.net中菜单的小问题 [英] Small Problem with Menu in asp.net

问题描述

Hello Friends，



我在asp.net创建了一个网站。



i设计一个菜单...如家，关于我们，服务，我们的使命，联系我们。



所以，当我点击这个菜单...假设我点击服务。鼠标悬停时背景颜色会发生变化，颜色应保留在该页面上......以便用户认为他正在查看服务页面。



请帮忙谢谢





这是我的菜单Css

。 green ＃ slatenav  
 {
 位置 ：  relative;  
  display  ：  block;  
 高度 ：  42px;  
  font-size  ：  12px;  
  font-weight  ：  bold;  
 
  width  ：  48％;  
  background-color  ： ＃EFCC00;  
 
  font-family  ：  Arial，Verdana，Helvitica，sans-serif;  
  / *   text-transform：uppercase; * /  
  top  ：  0px;  
 
 
} 
 
。 green ＃ slatenav   ul  { margin   ：  0px;   padding  ：  0;   list-style-type  ： 无;   width  ：  auto; } 
。绿色＃ slatenav   ul   li  { display  ：  block;   float  ：  left;   margin  ：  0 1px 10px 8px; } 
。 green ＃  slatenav   ul   li   a  { display  ：  block;   float  ：  left;  颜色 ： ＃197E46;   text-decoration  ： 无;   padding  ：  14px 10px 0 10px;   height  ：  28px;  
 
   -  moz-border-radius  ：  20px; } 
 
。 green ＃ slatenav   ul   li   a ：hover ，。 green ＃ slatenav   ul   li   a 。当前 
 { color  ： ＃fff;   background   ： 透明网址（images / greenslate_backgroundOVER.gif）无重复顶部中心; } 

 <   div     class   = 绿色 >  
 <   div     id   =  slatenav >  
 <   ul  > < /跨度> 
 
 <   li  > ;  <   a     href   =  Home.aspx < span class =code-keyword>>  <   span  > 主页<   / span  >  <   / a  >  <   / li  >  
 <   li  >  <   a     href   =  AboutUs.aspx >  <   span  > 关于我们<   / span  >  <   / a  >  <   / li  >  
 <   li  >  <   a     href   =  Services.aspx >  <   span  > 服务<   / span  >  <  < span class =code-leadattribute> / a  >  <   / li  >  
 <  < span class =code-leadattribute> li  >  <   a     href   =  OurMission.aspx>< span>我们的使命< / span>< / a>< / li> 
< li>< a href =  ContactUs.aspx >  <   span  > 联系我们<   / span  >  < span class =code-keyword><   / a  >  <   / li  >  
 
 <   / ul  >  
 <   / div  >  
 <   / div  >  

请帮助谢谢.....当用户点击菜单时，bg颜色应保留在该菜单上。

解决方案

我假设你想保留菜单颜色单击。看看ASP.Net论坛的以下链接。同样的问题已得到解决：

http://forums.asp.net/t/ 1595158.aspx / 1 [ ^ ]

另一个：

http://stackoverflow.com/questions/6216929/asp-net-selected-menu-item-does-not-retain-selected-backcolor [ ^ ]

Hello Friends,

I have created a website in asp.net.

i have designed a menu for it...such as Home, AboutUs, Services , Our mission, Contact us.

So when i click this menu...Suppose if i click services. the back ground color should change on mouse over and the color should stay on that page...so that the user thinks that he is viewing services page.

Please help thanks


This is my Menu Css

.green #slatenav
{
    position:relative;
 display:block;
 height:42px;
 font-size:12px;
 font-weight:bold;

width:48%;
 background-color:#EFCC00;

font-family:Arial,Verdana,Helvitica,sans-serif;
/*text-transform:uppercase; */
    top:0px;


}

.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto; }
.green #slatenav ul li{display:block;float:left;margin:0 1px 10px 8px;}
.green #slatenav ul li a{display:block;float:left;color:#197E46;text-decoration:none;padding:14px 10px 0 10px;height:28px;

 -moz-border-radius:20px;}

.green #slatenav ul li a:hover,.green #slatenav ul li a.current
{color:#fff;background:transparent url(images/greenslate_backgroundOVER.gif) no-repeat top center;}

<div class="green">
    <div id="slatenav">
    <ul>

            <li><a href="Home.aspx"><span>Home</span></a></li>
            <li><a href="AboutUs.aspx"><span>About Us</span></a></li>
            <li><a href="Services.aspx"><span>Services</span></a></li>
           <li><a href="OurMission.aspx><span>Our Mission</span></a></li>
           <li><a href="ContactUs.aspx"><span>Contact Us</span></a></li>

    </ul>
    </div>
      </div>

Please help thanks.....The bg color should stay on that menu when the user clicks on the menu.

解决方案

I assume that you want to retain the menu color after click. Have a look at following link from ASP.Net forum. Same issue has been addressed:
http://forums.asp.net/t/1595158.aspx/1[^]
Another:
http://stackoverflow.com/questions/6216929/asp-net-selected-menu-item-does-not-retain-selected-backcolor[^]

这篇关于asp.net中菜单的小问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！