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

关于this和self的使用说明

Aug 01 Javascript

JQuery中关于jquery.js与jquery.min.js的比较探讨

May 15 Javascript

javascript简单实现表格行间隔显示颜色并高亮显示

Nov 29 Javascript

jQuery仿gmail实现fixed布局的方法

May 27 Javascript

jquery实现的淡入淡出下拉菜单效果

Aug 25 Javascript

JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系

Nov 15 Javascript

基于javascript实现九九乘法表

Mar 27 Javascript

JS 组件系列之 bootstrap treegrid 组件封装过程

Apr 28 Javascript

jQuery动画_动力节点节点Java学院整理

Jul 04 jQuery

vue前端框架—Mint UI详解（更适用于移动端）

Apr 30 Javascript

js校验开始时间和结束时间

May 26 Javascript

canvas多重阴影发光效果实现

Apr 20 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初学者头疼十四条问题大总结

2008/11/12 PHP

PHP使用mysql与mysqli连接Mysql数据库用法示例

2016/07/07 PHP

PHPExcel导出2003和2007的excel文档功能示例

2017/01/04 PHP

PHP实现的简单适配器模式示例

2017/06/22 PHP

Laravel下生成验证码的类

2017/11/15 PHP

PHPStorm 2020.1 调试 Nodejs的多种方法详解

2020/09/17 NodeJs

Prototype使用指南之string.js

2007/01/10 Javascript

jQuery结合CSS制作漂亮的select下拉菜单

2015/05/03 Javascript

关于微信中a链接无法跳转问题

2016/08/02 Javascript

JavaScript实现的XML与JSON互转功能详解

2017/02/16 Javascript

整理关于Bootstrap表单的慕课笔记

2017/03/29 Javascript

vue-resource调用promise取数据方式详解

2017/07/21 Javascript

使用vue-router与v-if实现tab切换遇到的问题及解决方法

2018/09/07 Javascript

layer弹出子iframe层父子页面传值的实现方法

2018/11/22 Javascript

基于webpack4.X从零搭建React脚手架的方法步骤

2018/12/23 Javascript

[05:04]完美世界携手游戏风云打造卡尔工作室地图界面篇

2013/04/23 DOTA

python解析html开发库pyquery使用方法

2014/02/07 Python

python 转换 Javascript %u 字符串为python unicode的代码

2016/09/06 Python

Python实现读取并保存文件的类

2017/05/11 Python

浅谈Django REST Framework限速

2017/12/12 Python

详解python中的线程

2018/02/10 Python

python字符串与url编码的转换实例

2018/05/10 Python

python日志模块logbook使用方法

2019/09/19 Python

Python Selenium 设置元素等待的三种方式

2020/03/18 Python

Python创建临时文件和文件夹

2020/08/05 Python

Python经典五人分鱼实例讲解

2021/01/04 Python

IE8下CSS3选择器nth-child() 不兼容问题的解决方法

2016/11/16 HTML / CSS

html5超简单的localStorage实现记住密码的功能实现

2017/09/07 HTML / CSS

荷兰领先的百货商店：De Bijenkorf

2018/10/17 全球购物

产品销售员岗位职责

2013/12/18 职场文书

八一慰问活动方案

2014/02/07 职场文书

国庆节演讲稿

2014/05/27 职场文书

导游词之镇江焦山

2019/11/21 职场文书

Nginx设置HTTPS的方法步骤 443证书配置方法

2022/03/21 Servers

mysql中数据库覆盖导入的几种方式总结

2022/03/25 MySQL

Python中使用Opencv开发停车位计数器功能

2022/04/04 Python