编程 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 相关文章推荐

jquery getScript动态加载JS方法改进详解

Nov 15 Javascript

js定时器怎么写？就是在特定时间执行某段程序

Oct 11 Javascript

JavaScript动态修改网页元素内容的方法

Mar 21 Javascript

javascript之IE版本检测超简单方法

Aug 20 Javascript

jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法

Sep 23 Javascript

JS+HTML5 FileReader对象用法示例

Apr 07 Javascript

React Native中NavigatorIOS组件的简单使用详解

Jan 27 Javascript

JavaScript高级函数应用之分时函数实例分析

Aug 03 Javascript

vue+elementUI实现表单和图片上传及验证功能示例

May 14 Javascript

解决Vue + Echarts 使用markLine标线(precision精度问题)

Jul 20 Javascript

jQuery实现容器间的元素拖拽功能

Dec 01 jQuery

详解Vue的列表渲染

Nov 20 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中通过ADO调用Access数据库的方法测试不通过

2006/12/31 PHP

PHP json_decode函数详细解析

2014/02/17 PHP

php对象在内存中的存在形式分析

2015/02/03 PHP

PHP与JavaScript针对Cookie的读写、交互操作方法详解

2017/08/07 PHP

PHP简单实现记录网站访问量功能示例

2018/06/06 PHP

Hutia 的 JS 代码集

2006/10/24 Javascript

在jquery中combobox多选的不兼容问题总结

2013/12/24 Javascript

jQuery插件jFade实现鼠标经过的图片高亮其它变暗

2015/03/14 Javascript

Javascript连接Access数据库完整实例

2015/08/03 Javascript

JS自定义选项卡函数及用法实例分析

2015/09/02 Javascript

jstree的简单实例

2016/12/01 Javascript

jQuery选择器实例应用

2017/01/05 Javascript

100多个基础常用JS函数和语法集合大全

2017/02/16 Javascript

JS写XSS cookie stealer来窃取密码的步骤详解

2017/11/20 Javascript

vue-cli开发时,关于ajax跨域的解决方法(推荐)

2018/02/03 Javascript

解决在vue项目中,发版之后,背景图片报错,路径不对的问题

2018/03/06 Javascript

uni-app 组件里面获取元素宽高的实现

2019/12/27 Javascript

JavaScript实现Tab选项卡切换

2020/02/13 Javascript

JavaScript简单编程实例学习

2020/02/14 Javascript

vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题

2020/04/14 Javascript

javascript实现一款好看的秒表计时器

2020/09/05 Javascript

JavaScript 闭包的使用场景

2020/09/17 Javascript

[32:56]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.11

2020/12/16 DOTA

python基于C/S模式实现聊天室功能

2019/01/09 Python

Python TestCase中的断言方法介绍

2019/05/02 Python

华为2019校招笔试题之处理字符串(python版)

2019/06/25 Python

如何使用Python实现自动化水军评论

2019/06/26 Python

Python的几种主动结束程序方式

2019/11/22 Python

PyCharm2019 安装和配置教程详解附激活码

2020/07/31 Python

python中的垃圾回收(GC)机制

2020/09/21 Python

美国最大的城市服装和运动鞋零售商：Jimmy Jazz

2016/11/19 全球购物

希尔顿酒店官方网站：Hilton Hotels

2017/06/01 全球购物

美国领先的精品家居照明和装饰产品在线零售商：LightsOnline.com

2018/01/23 全球购物

英国排名第一的冲浪店：Ann’s Cottage

2020/06/21 全球购物

大学生评语大全

2014/04/18 职场文书

完美的中文自荐信

2014/05/24 职场文书