- 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"; //原来的颜色