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

MSN消息提示类

Sep 05 Javascript

jQuery 1.0.2

Oct 11 Javascript

简单的无缝滚动程序-仅几行代码

May 08 Javascript

JS获取各种宽度、高度的简单介绍

Dec 19 Javascript

纯javascript实现图片延时加载方法

Aug 21 Javascript

浅谈javascript的Array.prototype.slice.call

Aug 31 Javascript

vue.js 上传图片实例代码

Jun 22 Javascript

AngularJS 打开新的标签页实现代码

Sep 07 Javascript

详解使用Vue Router导航钩子与Vuex来实现后退状态保存

Sep 11 Javascript

vue自定义全局组件(自定义插件)的用法

Jan 30 Javascript

非常漂亮的js烟花效果

Mar 10 Javascript

字节飞书面试promise.all实现示例

Jun 16 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

adodb与adodb_lite之比较

2006/12/31 PHP

php的一个登录的类 [推荐]

2007/03/16 PHP

php5.4传引用时报错问题分析

2016/01/22 PHP

javascript中删除指定数组中指定的元素的代码

2011/02/12 Javascript

JavaScript中将一个值转换为字符串的方法分析[译]

2012/09/21 Javascript

Javascript setInterval的两种调用方法(实例讲解)

2013/11/29 Javascript

Express.JS使用详解

2014/07/17 Javascript

JQuery通过AJAX从后台获取信息显示在表格上并支持行选中

2015/09/15 Javascript

jquery判断复选框是否被选中的方法

2015/10/16 Javascript

通过JS获取Request.QueryString()参数的值实现方法

2016/09/27 Javascript

js判断文件格式及大小的简单实例(必看)

2016/10/11 Javascript

JS实用的带停顿的逐行文本循环滚动效果实例

2016/11/23 Javascript

微信小程序仿美团分类菜单 swiper分类菜单

2017/04/12 Javascript

深入理解Vue生命周期、手动挂载及挂载子组件

2017/09/27 Javascript

canvas+gif.js打造自己的数字雨头像的示例代码

2017/10/26 Javascript

Vue使用mixins实现压缩图片代码

2018/03/14 Javascript

vue项目关闭eslint校验

2018/03/21 Javascript

使用Vue实现移动端左滑删除效果附源码

2019/05/16 Javascript

js+canvas绘制图形验证码

2020/09/21 Javascript

详解Vue.js 可拖放文本框组件的使用

2021/03/03 Vue.js

[03:07]【DOTA2亚洲邀请赛】我们，梦开始的地方

2017/03/07 DOTA

Python利用ElementTree模块处理XML的方法详解

2017/08/31 Python

Python列表推导式、字典推导式与集合推导式用法实例分析

2018/02/07 Python

解决Python2.7读写文件中的中文乱码问题

2018/04/12 Python

Python多线程操作之互斥锁、递归锁、信号量、事件实例详解

2020/03/24 Python

python获取百度热榜链接的实例方法

2020/08/25 Python

python 制作本地应用搜索工具

2021/02/27 Python

EQVVS官网：设计师男装和女装

2018/10/24 全球购物

EJB与JAVA BEAN的区别

2016/08/29 面试题

教师实习自我鉴定

2013/12/11 职场文书

中学家长会邀请函

2014/01/17 职场文书

同志主要表现材料

2014/08/21 职场文书

部门2015年度工作总结

2015/04/29 职场文书

原型和原型链 prototype和proto的区别详情

2021/11/02 Javascript

Java中的继承、多态以及封装

2022/04/11 Java/Android

Python爬虫简单介绍一下Xpath及使用

2022/04/26 Python