1. 爱易网页
  2. ASP.NET教程
  3. 添加样式，单击改变层的背景色,该怎么处理

添加样式，单击改变层的背景色,该怎么处理

日期：2014-05-18　 浏览次数：20504 次

添加样式，单击改变层的背景色

C# code

<div class="adminMain-left-top">
        管理菜单   
    </div>
    <div class="adminMain-left-user" >
        <a href="get_in.aspx">转入业务</a>
    </div>
    <div class="adminMain-left-user" >
        <a href="get_out.aspx">转出业务</a>
    </div>
    <div class="adminMain-left-user" >
        <a href="TimeRemind.aspx">业务提醒</a>
    </div>

现我想在单击转入业务或者转出业务等时改变相应层的背景颜色
如点击转入业务，改变转入业务层的背景颜色为红色，其它不变
好像用jQuery很容易实现，只是我不会，以前简单看过
请指教

------解决方案--------------------
<div id="menu1" class="adminMain-left-user" onclick="changbackcolor('menu1')" >
<a href="get_in.aspx">转入业务</a>
</div>

var lastmenuid=null;
function changebackcolor(menuid)
{
if(lastmenuid!=null)
{
$("#"+lastmenuid).css('background','原来色');
}
$("#"+menuid).css('background','red');
lastmenuid=menuid;
}


手打，不知道正确不，反正大概思路是这样吧
------解决方案--------------------
JScript code
$('.adminMain-left-user').click(function() { $('.adminMain-left-user').css('background-color', 'red') });

------解决方案--------------------
我想说的是：你点击都跳转走了。。改了背景色也看不到

------解决方案--------------------
$(document).ready(function(){
  $("#Button").toggle(function(){
    $("#div1").css({ "background": "Blue" });
  },function(){
   $("#div1").css({ "background": "Black" });
  });
});
html

<div id="div1">
   <input id="Button" type="button" name="Button" value="Box" onclick="ChangeClick()"/>
</div>
或onclick="this.style.backgroundcolor=''"

------解决方案--------------------
就为小点的效果，用上JQUERY，多了20多K，不太好吧！能不能element.parentNode找到div啊？

------解决方案--------------------
可以使用JS试试~~

HTML code

<html>
<head>
<script language="javascript">
function ChangeBG(id)
{
var num = 3;
for(i=1;i<=num;i++)
{
var divName = "div" + i;
document.getElementById(divName).style.background = "gray"; //原来的颜色
}
document.getElementById("div" + id ).style.background = "red"; //背景色
}
</script>
</head>
<body>
<div class="adminMain-left-top">
        管理菜单   
    </div>
    <div id="div1" onclick="ChangeBG(1)" class="adminMain-left-user" >
        <a href="get_in.aspx">转入业务</a>
    </div>
    <div id="div2" onclick="ChangeBG(2)" class="adminMain-left-user" >
        <a href="get_out.aspx">转出业务</a>
    </div>
    <div id="div3" onclick="ChangeBG(3)" class="adminMain-left-user" >
        <a href="TimeRemind.aspx">业务提醒</a>
    </div>

</body>
</html>

------解决方案--------------------
放个隐藏域，每次点击菜单的时候给隐藏域赋值，然后在页面底部增加类似楼上的代码

var num = 3;
for(i=1;i<=num;i++)
{
var divName = "div" + i;
document.getElementById(divName).style.background = "gray"; //原来的颜色

相关资料更多>

  1. .NET 对 J2EE[2]
  2. 使用 .NET的IO(2) Paul_Ni（原作）
  3. DataBinder.Eval的简单有关问题，解决就给分!
  4. button解决方案
  5. 关于一个文本框的js解决思路
  6. 网站代码出了有关问题，哪位高手能帮小弟我解决上！
  7. 关于在弹出的页面中又弹出一个页面
  8. dllimport的有关问题，
  9. GridView导出到Excel(vb.net)?该怎么处理