jsp中js实现点击按钮更改背景图片
问题如下：jsp中改变其中一个DIV中的背景图片，但是DIV中的文字不变三个按钮点击按钮1改变一次,以此类推...
问题如下：
jsp中改变其中一个DIV中的背景图片，但是DIV中的文字不变
三个按钮
点击按钮1 改变一次,以此类推 展开
jsp中改变其中一个DIV中的背景图片，但是DIV中的文字不变
三个按钮
点击按钮1 改变一次,以此类推 展开
2个回答
展开全部
啥也不多说，直接上代码，这里改变的是div背景颜色，你修改一下啊就OK
<style type="text/css" media="all">
#aa{ height:300px; width:300px; margin:o auto;}
#a1{ height:250px; width:300px; border:1px solid #0099CC; color:#000000; font-size:18px;}
#a2{ height:50px; width:300px; }
</style>
<script type="text/javascript">
function bb(o){
var dom = document.getElementById("a1");
if(parseInt(o)==1){
dom.style.cssText = "background-color:#009900;";
}else if(parseInt(o)==2){
dom.style.cssText = "background-color:#FFFF00;";
}else{
dom.style.cssText = "background-color:#FF0000;";
}
}
</script>
</head>
<body>
<div id="aa">
<div id="a1">div中的字体哦</div>
<div id="a2">
<input type="button" value="点击1" onclick="bb(1)" />
<input type="button" value="点击2" onclick="bb(2)" />
<input type="button" value="点击3" onclick="bb(3)" />
</div>
</div>
</body>
<style type="text/css" media="all">
#aa{ height:300px; width:300px; margin:o auto;}
#a1{ height:250px; width:300px; border:1px solid #0099CC; color:#000000; font-size:18px;}
#a2{ height:50px; width:300px; }
</style>
<script type="text/javascript">
function bb(o){
var dom = document.getElementById("a1");
if(parseInt(o)==1){
dom.style.cssText = "background-color:#009900;";
}else if(parseInt(o)==2){
dom.style.cssText = "background-color:#FFFF00;";
}else{
dom.style.cssText = "background-color:#FF0000;";
}
}
</script>
</head>
<body>
<div id="aa">
<div id="a1">div中的字体哦</div>
<div id="a2">
<input type="button" value="点击1" onclick="bb(1)" />
<input type="button" value="点击2" onclick="bb(2)" />
<input type="button" value="点击3" onclick="bb(3)" />
</div>
</div>
</body>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
