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

一段好玩的JavaScript代码

Dec 01 Javascript

基于Jquery的表格隔行换色，移动换色，点击换色插件

Dec 22 Javascript

javascript的数据类型、字面量、变量介绍

May 23 Javascript

jsMind通过鼠标拖拽的方式调整节点位置

Apr 13 Javascript

jQuery实现弹出窗口中切换登录与注册表单

Jun 05 Javascript

浏览器中url存储的JavaScript实现

Jul 07 Javascript

谈谈JavaScript自定义回调函数

Oct 18 Javascript

JavaScript实现瀑布流布局

Jun 28 Javascript

vue初尝试--项目结构(推荐)

Jan 30 Javascript

详解webpack-dev-server 设置反向代理解决跨域问题

Apr 18 Javascript

浅析vue中的MVVM实现原理

Mar 04 Javascript

vue项目中使用多选框的实例代码

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

php 生成短网址原理及代码

2014/01/23 PHP

php sybase_fetch_array使用方法

2014/04/15 PHP

PHP5.6读写excel表格文件操作示例

2019/02/26 PHP

laravel框架路由分组，中间件，命名空间，子域名，路由前缀实例分析

2020/02/18 PHP

Thinkphp 框架基础之源码获取、环境要求与目录结构分析

2020/04/27 PHP

科讯商业版中用到的ajax空间与分页函数

2007/09/02 Javascript

利用ASP发送和接收XML数据的处理方法与代码

2007/11/13 Javascript

基于jQuery的仿flash的广告轮播代码

2010/11/04 Javascript

JS基础之undefined与null的区别分析

2011/08/08 Javascript

jquery 中多条件选择器,相对选择器,层次选择器的区别

2012/07/03 Javascript

基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍

2013/05/07 Javascript

javascript实现网站加入收藏功能

2015/12/16 Javascript

javascript如何实现360度全景照片问题汇总

2016/04/04 Javascript

AngularJS表单提交实例详解

2017/02/18 Javascript

vue轮播图插件vue-concise-slider的使用

2018/03/13 Javascript

element-ui循环显示radio控件信息的方法

2018/08/24 Javascript

详解在HTTPS 项目中使用百度地图 API

2019/04/26 Javascript

解决vue中使用proxy配置不同端口和ip接口问题

2019/08/14 Javascript

vue+swiper实现左右滑动的测试题功能

2020/10/30 Javascript

梳理一下vue中的生命周期

2020/12/30 Vue.js

python中解析json格式文件的方法示例

2017/05/03 Python

用Python写王者荣耀刷金币脚本

2017/12/21 Python

Python2.7.10以上pip更新及其他包的安装教程

2018/06/12 Python

Python爬虫之pandas基本安装与使用方法示例

2018/08/08 Python

解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)

2020/03/05 Python

Stuart Weitzman美国官网：美国奢华鞋履品牌

2016/08/18 全球购物

印尼披萨外送专家：Domino’s Pizza印尼

2017/12/28 全球购物

奥斯汀独木舟和皮划艇：Austin Canoe & Kayak

2018/05/22 全球购物

英国奢侈品在线精品店：Hervia

2020/09/03 全球购物

建筑专业自荐信

2013/10/18 职场文书

大学毕业生自我鉴定

2013/11/05 职场文书

社区中秋节活动方案

2014/01/29 职场文书

我为自己代言广告词

2014/03/18 职场文书

英语教育专业毕业生求职信

2014/08/28 职场文书

2016年6月份红领巾广播稿

2015/12/21 职场文书

python神经网络Xception模型

2022/05/06 Python