编程 Javascript

js实现点击图片改变页面背景图的方法

Posted in Javascript onFebruary 28, 2015

本文实例讲述了js实现点击图片改变页面背景图的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<head>

<title>点击图片即改变页面的背景图片</title>

</head>

<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">

<script language="JavaScript1.2">

<!--

function tile(){

if (!document.all)

return

var source=event.srcElement

if (source.tagName=="IMG")

document.body.style.backgroundImage="url("+source.src+")"

}

function restore(){

document.body.style.backgroundImage=''

}

document.body.ondblclick=restore

-->

</script>

      </p>

      <p align="center"><span class="bgimages" onClick="tile();event.cancelBubble=true">

      <img src="/images/m01.jpg" height=65 width=96 border=2>

      <img src="/images/m02.jpg" height=65 width=96 border=2>

<br>

      <img src="/images/m03.jpg" height=65 width=96 border=2>

      <img src="/images/m04.jpg" height=65 width=96 border=2></span></p>

    </td>

  </tr>

</table>

</center>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

js实现点击图片改变页面背景图的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS实现多物体缓冲运动实例代码

Nov 29 Javascript

javascript定义变量时加var与不加var的区别

Dec 22 Javascript

jQuery的one()方法用法实例

Jan 19 Javascript

JS实现鼠标滑过链接改变网页背景颜色的方法

Oct 20 Javascript

体验jQuery和AngularJS的不同点及AngularJS的迷人之处

Feb 02 Javascript

简单的jQuery banner图片轮播实例代码

Mar 04 Javascript

jquery.qtip提示信息插件用法简单实例

Jun 17 Javascript

Javascript中浏览器窗口的基本操作总结

Aug 18 Javascript

Angular的事件和表单详解

Dec 26 Javascript

js利用递归与promise 按顺序请求数据的方法

Aug 30 Javascript

vue封装swiper代码实例解析

Oct 08 Javascript

微信小程序swiper使用网络图片不显示问题解决

Dec 13 Javascript

本人自用的global.js库源码分享

Feb 28 #Javascript

JS限制文本框只能输入数字和字母方法

Feb 28 #Javascript

javascript计时器详解

Feb 28 #Javascript

Lab.js初次使用笔记

Feb 28 #Javascript

js实现鼠标感应图片展示的方法

Feb 27 #Javascript

JQuery基础语法小结

Feb 27 #Javascript

JS实现网页背景颜色与select框中颜色同时变化的方法

Feb 27 #Javascript

You might like

星际争霸中的热键

2020/03/04 星际争霸

php获取当前网址url并替换参数或网址的方法

2010/06/06 PHP

兼容firefox，chrome的网页灰度效果

2011/08/08 PHP

php对二维数组进行排序的简单实例

2013/12/19 PHP

制作安全性高的PHP网站的几个实用要点

2014/12/30 PHP

PHP var关键字相关原理及使用实例解析

2020/07/11 PHP

让innerHTML的脚本也可以运行起来

2006/07/01 Javascript

Javascript document.referrer判断访客来源网址

2020/05/15 Javascript

JSON中双引号的轮回使用过程中一定要小心

2014/03/05 Javascript

手机开发必备技巧：javascript及CSS功能代码分享

2015/05/25 Javascript

JS点击某个图标或按钮弹出文件选择框的实现代码

2016/09/27 Javascript

探讨跨域请求资源的几种方式（总结）

2016/12/02 Javascript

jQuery实现select下拉框获取当前选中文本、值、索引

2017/05/08 jQuery

深入理解Node中的buffer模块

2017/06/03 Javascript

vue2里面ref的具体使用方法

2017/10/27 Javascript

[02:41]DOTA2英雄基础教程谜团

2013/12/10 DOTA

python使用wmi模块获取windows下硬盘信息的方法

2015/05/15 Python

Python单元测试unittest的具体使用示例

2018/12/17 Python

Python redis操作实例分析【连接、管道、发布和订阅等】

2019/05/16 Python

python pandas获取csv指定行列的操作方法

2019/07/12 Python

python使用docx模块读写docx文件的方法与docx模块常用方法详解

2020/02/17 Python

PyCharm中Matplotlib绘图不能显示UI效果的问题解决

2020/03/12 Python

python3+selenium获取页面加载的所有静态资源文件链接操作

2020/05/04 Python

python工具快速为音视频自动生成字幕(使用说明)

2021/01/27 Python

8款使用 CSS3 实现超炫的 Loading（加载）的动画效果

2015/03/17 HTML / CSS

编码实现字符串转整型的函数

2012/06/02 面试题

介绍一下sql server的安全性

2014/08/10 面试题

一道输出判断型Java面试题

2014/10/01 面试题

应届大学生简历中的自我评价

2014/01/15 职场文书

中学生期中自我鉴定

2014/04/20 职场文书

2014年民警工作总结

2014/11/25 职场文书

莫言获奖感言（全文）

2015/07/31 职场文书

高中班主任寄语

2019/06/21 职场文书

文书工作总结（范文）

2019/07/11 职场文书

python内置进制转换函数的操作

2021/06/02 Python

Java工作中实用的代码优化技巧分享

2022/04/21 Java/Android