`

jsp中js实现点击按钮更改背景图片

jspJavaScript 
阅读更多 
<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>
分享到：
| Javascript 获取某个a标签的href并进行分 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript实现点击单选按钮改变输入框中文本域内容的方法

    主要介绍了JavaScript实现点击单选按钮改变输入框中文本域内容的方法,涉及javascript单选按钮控制页面元素样式的相关技巧,非常简单实用,需要的朋友可以参考下

    JavaScript网页特效范例宝典源码

    实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二级导航菜单 74 实例048 半透明背景的下拉菜单 76 实例049 展开式导航条 80 实例050 用层制作下拉菜单1 81 实例051 用层制作下拉菜单2 84 1.10...

    JavaScript完全自学宝典 源代码

    13.9.jsp JavaScript+XML实现通讯录。 addressbook.war JavaScript+XML实现通讯录的工程文件（可以直接在Tomcat下发布运行）。 addressbook.xml 记录通讯录的XML文件。 第14章（\c14） 示例描述：介绍...

    javascript网页特效实例大全（8-12）

    实例297　在JSP中利用Word自动打印指定格式的会议记录　468 实例298　在ASP中利用Word自动打印指定格式的会议记录　470 实例299　在PHP中调用Word自动打印指定格式的会议记录　472 11.3　利用Excel打印报表　474 ...

    uploadify中文按钮

    更改了源码：jquery.uploadify.v2.1.4.js中的if (settings.buttonText) data.buttonText = escape(settings.buttonText); //改为-----------if (settings.buttonText) data.buttonText =escape(escape(settings....

    JspRun!社区论坛系统 v6.0.0 build 20110516 UTF-8 安装版.zip

    27、修改了：当编辑“活动主题”时，“插入图片”等按钮没有作用的问题。 28、修改了：开启干扰码功能后，用 IE 浏览器浏览主题时可能出现乱码现象。 29、修改了：不能正常对论坛的第一个主题进行“移动主题并保留...

    JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 源码版.zip

    27、修改了：当编辑“活动主题”时，“插入图片”等按钮没有作用的问题。 28、修改了：开启干扰码功能后，用 IE 浏览器浏览主题时可能出现乱码现象。 29、修改了：不能正常对论坛的第一个主题进行“移动主题并保留...

    AJAX基础概念、核心技术与典型案例(内涵动态实例)

    JsWeb 传统的JavaScript模式实现刷新 IframeWeb 基于框架的不刷新模式 AjaxWeb 基于Ajax的Web 2.0模式的刷新模式 AsyncAjaxSample Ajax异步调用的完整示例 第2章（/C02/） 2.1.htm 3...

    JspRun!社区论坛系统 v6.0.0 build 20110516 GBK 安装版.zip

    27、修改了：当编辑“活动主题”时，“插入图片”等按钮没有作用的问题。 28、修改了：开启干扰码功能后，用 IE 浏览器浏览主题时可能出现乱码现象。 29、修改了：不能正常对论坛的第一个主题进行“移动主题并保留...

    修改js confirm alert 提示框文字的简单实例

    修改js confirm alert 提示框文字的简单实例 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;style&gt; *{padding: 0; margin: 0;} html{ height: 100%; } body...

    JspRun!社区论坛系统 v6.0.0 build 20110516 UTF-8 源码版.zip

    27、修改了：当编辑“活动主题”时，“插入图片”等按钮没有作用的问题。 28、修改了：开启干扰码功能后，用 IE 浏览器浏览主题时可能出现乱码现象。 29、修改了：不能正常对论坛的第一个主题进行“移动主题并保留...

    Javascript实现返回上一页面并刷新的小例子

    今天写了一个小小的提示成功的页面，同时要求返回上一...经过在JSP页面的测试，在操作页面选中添加的项经过点击按钮保存再跳转到成功提示页面返回后发现都没有刷新，手动刷新后才显示出来，对于那些粘贴复制技术不经过

    400个DreamWeaver插件

    mxp/以前的连接外部javascript文件的插件都做的一般，使用不直观，这个在object面板中加入了一个按钮，使用方便多了 mxp/使页面中的图片都恢复到原始大小，可以作用到单个页面或者整个站点，甚至是site窗口选中的...

    IBM WebSphere Portal门户开发笔记01

    45、CSS背景图片与内容放大与缩小时相对定位 321 46、JS ATTACHEVENT与ADDEVENTLISTENER区别 321 47、JS WINDOW.EVENT.CANCELBUBBLE 事件冒泡 323 48、JS解决COOKIE跨域访问的问题之方法一 323 49、JS禁止复制网页...

    EXT2.0中文教程

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日，迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者列表 ...

    网管教程 从入门到精通软件篇.txt

    网管教程 从入门到精通软件篇 ★一。★详细的xp修复控制台命令和用法!!! 放入xp（2000）的光盘，安装时候选R，修复！ Windows XP（包括 ...JS：javascript源文件 JSP：HTML网页，其中包含有对一个Java servlet...

    EXT教程EXT用大量的实例演示Ext实例

    TabPanel使用autoLoad加载的页面中的js脚本没有执行 B. 修改日志 C. 后记 C.1. 2007年12月5日，迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档附件里的范例 D. 贡献者...

    ssm框架酒吧系统完整导入可运行带sql

    jsp页面在body中引入js文件 会员管理 负责人（韩苏雨） 会员管理模块 1、会员基本信息:主要是注册一些会员信息,然后用到了easyUI的表格,新增会员时，主要是给会员卡号做出了一些判断，判断了会员卡号不能为空，不...

    YUI v3.17.2 RC1.zip

    协助达成位置移动、大小改变、透明度和其他的网页效果。 浏览器历史纪录管理工具 协助网页程式使用浏览器之上一页与书签(我的最爱)工具。 连线工具 协助管理跨浏览器的 XMLHttpRequest 功能。他也整合了表单传送...

Magicbox
Global site tag (gtag.js) - Google Analytics