JavaScript实现更换背景图片

本文实例为大家分享了Java脚本语言实现更换背景图片的具体代码，供大家参考，具体内容如下

主要通过射流研究…控制行内样式，达到更换背景图片的目的

效果：

代码：

！DOCTYPE html html head meta charset=' utf-8 ' title更换背景/title style type=' text/CSS ' * { margin : 0；padd : 0；}正文{ background: url(./images/01.jpg)不重复；背景尺寸size : 600 px } ul { list-style : none；} ul li { width: 80px高度： 50pxborder: 1px固体# 222;向左浮动：余量： 10px} ul li img {宽度： 80px高度： 50px光标：指针；}/style脚本类型=' text/JavaScript '窗口。onload=function(){ var imgs=document。getelementsbytagname(' img ')；for(var I=0；i imgs.lengthi ) { imgs[i].onclick=function(){ document。尸体。风格。背景=' URL '(这。src’)“不重复”；//通过射流研究…控制改变行内样式文件。尸体。风格。背景SiZe=' 600 px} } }/script/head body ul liimg src=' http :/images/01。jpg '/Li liimg src=' http :/images/02。jpg '/Li liimg src=' http :/images/03。jpg '/Li/ul/body/html注意：

正确写法：文档。尸体。风格。background=" URL "(这。src)“不重复”；

错误写法：文档。尸体。风格。背景='这个。src“不重复；

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。