微客导航 » 文章资讯 » js实现点击图片改变页面背景图的方法

js实现点击图片改变页面背景图的方法

2024-04-03 23:29:04 407

本文实例讲述了js实现点击图片改变页面背景图的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<head>

<title>点击图片即改变页面的背景图片</title>

</head>

<bodybgcolor="#FFFFFF"leftmargin="0"marginwidth="0">

<scriptlanguage="JavaScript1.2">

<!--

functiontile(){

if(!document.all)

return

varsource=event.srcElement

if(source.tagName=="IMG")

document.body.style.backgroundImage="url("+source.src+")"

}

functionrestore(){

document.body.style.backgroundImage=''

}

document.body.ondblclick=restore

-->

</script>

     </p>

     <palign="center"><spanclass="bgimages"onClick="tile();event.cancelBubble=true">

     <imgsrc="/images/m01.jpg"height=65width=96border=2>

     <imgsrc="/images/m02.jpg"height=65width=96border=2>

<br>

     <imgsrc="/images/m03.jpg"height=65width=96border=2>

     <imgsrc="/images/m04.jpg"height=65width=96border=2></span></p>

   </td>

 </tr>

</table>

</center>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

js实现点击图片改变页面背景图的方法

热门推荐

随机推荐