jsp中js实现点击按钮更改背景图片代码怎么写?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jsp中js实现点击按钮更改背景图片代码怎么写?相关的知识,希望对你有一定的参考价值。

jsp中分上下个两个DIV,各自有自己的初始背景颜色,并有文字
三个按钮,点击“按钮1” 上下两个DIV中的背景同时更换成两个不同的图片
点击“按钮2” 同上
以此类推
但是文字还在,只是背景图片改变

代码如下:

<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>

补充说明:

JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计,它 是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。JSP技术有点类似ASP技术,它是在传统的网页html(标准通用标记语言的子集)文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件,后缀名为(*.jsp)。 用JSP开发的Web应用是跨平台的,既能在Linux下运行,也能在其他操作系统上运行。

参考技术A <script>
function mychange(num)
document.getElementById("div1").style.backgroundImage="url("+num+".jpg)";
document.getElementById("div2").style.backgroundImage="url("+num+".jpg)";

</script>
</head>

<body>
<div id="div1" style="height:200px; width:200px; background:#FF0000">这是第一个div</div>
<div id="div2" style="height:200px; width:200px; background:#0000FF">这是第二个div</div>
<input type="button" value="第一个按钮" onclick="mychange(1)" />
<input type="button" value="第二个按钮" onclick="mychange(2)" />
<input type="button" value="第三个按钮" onclick="mychange(3)" />
</body>

如何改变java按钮中的颜色?

我放上去一个按钮,想让他呈现黑色红字,具体应该怎么实现?

setForeground() 设置前景/字体颜色
setBackground() 设置背景颜色
具体实现:(假设按钮名称为:button)
设置红字:
button.setForeground(Color.red);
设置黑色背影:
button.setBackground(Color.black);
参考技术A button.setForeground(java.awt.Color.white);
button.setBackground(java.awt.Color.black);
参考技术B setForeground(java.awt.Color);
setBackground(java.awt.Color);

以上是关于jsp中js实现点击按钮更改背景图片代码怎么写?的主要内容,如果未能解决你的问题,请参考以下文章

jsp页面里 怎样动态修改一个按钮的背景色?

当jsp页面加载后会自动点击按钮,页面会一直刷新要怎么解决。或有其他方法实现自动点击按钮也可以。

(html/css)点击按钮出现带箭头的表格怎样做,如图:

js:点击按钮上传图片,最多能上传3张,上传第4张给出提示,js怎么写

jsp实现给本页面传值后并更改本页面UI

用java将数据导出到wps表格中,怎么实现