编程 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 18 Javascript

Jquery提交表单 Form.js官方插件介绍

Mar 01 Javascript

基于JQuery 选择器使用说明介绍

Apr 18 Javascript

jquery遍历数组与筛选数组的方法

Nov 05 Javascript

使用jQuery设置disabled属性与移除disabled属性

Aug 21 Javascript

详解JavaScript对象序列化

Jan 19 Javascript

微信小程序三级联动地址选择器的实例代码

Jul 12 Javascript

vue动态设置img的src路径实例

Sep 18 Javascript

laydate只显示时分不显示秒的功能实现方法

Sep 28 Javascript

在Layui中实现开关按钮的效果实例

Sep 29 Javascript

使用next.js开发网址缩短服务的方法

Jun 17 Javascript

vue+django实现下载文件的示例

Mar 24 Vue.js

本人自用的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

一步一步学习PHP(8) php 数组

2010/03/05 PHP

PHP 函数学习简单小结

2010/07/08 PHP

PHP下escape解码函数的实现方法

2010/08/08 PHP

PHP四舍五入精确小数位及取整

2014/01/14 PHP

基于PHP实现假装商品限时抢购繁忙的效果

2015/10/16 PHP

PHP实现模拟http请求的方法分析

2017/12/20 PHP

PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能

2019/09/23 PHP

用php定义一个数组最简单的方法

2019/10/04 PHP

利用jQuery的$.event.fix函数统一浏览器event事件处理

2009/12/21 Javascript

js获取本机的外网/广域网ip地址完整源码

2013/08/12 Javascript

js图片延迟技术一般的思路与示例

2014/03/20 Javascript

JS兼容浏览器的导出Excel（CSV）文件的方法

2014/05/03 Javascript

Javascript字符串浏览器兼容问题分析

2014/12/01 Javascript

jQuery及JS实现循环中暂停的方法

2015/02/02 Javascript

jQuery设置指定网页元素宽度和高度的方法

2015/03/25 Javascript

JavaScript模拟实现继承的方法

2015/03/30 Javascript

JavaScript知识点总结(十)之this关键字

2016/05/31 Javascript

学习使用Bootstrap输入框、导航、分页等常用组件

2017/05/11 Javascript

element-ui中的select下拉列表设置默认值方法

2018/08/24 Javascript

浅谈JavaScript中等号、双等号、三等号的区别

2020/08/06 Javascript

Python中给List添加元素的4种方法分享

2014/11/28 Python

Python列表(list)常用操作方法小结

2015/02/02 Python

用Python中的wxPython实现最基本的浏览器功能

2015/04/14 Python

sklearn-SVC实现与类参数详解

2019/12/10 Python

Python time库基本使用方法分析

2019/12/13 Python

tensorflow中tf.slice和tf.gather切片函数的使用

2020/01/19 Python

matplotlib源码解析标题实现(窗口标题，标题，子图标题不同之间的差异)

2021/02/22 Python

家得宝加拿大家装网上商店：The Home Depot加拿大

2016/08/27 全球购物

美国知名的家庭连锁百货商店：Boscov’s

2017/07/27 全球购物

Lookfantastic俄罗斯：欧洲在线化妆品零售商

2019/08/06 全球购物

感恩之星事迹材料

2014/05/03 职场文书

国庆节演讲稿

2014/05/27 职场文书

小学生志愿者活动方案

2014/08/23 职场文书

自查自纠整改报告

2014/11/06 职场文书

初中政治教师教学反思

2016/02/23 职场文书

vue代码分块和懒加载非必要资源文件

2022/04/11 Vue.js