JavaScript实现换肤效果(换背景)

本文实例为大家分享了JavaScript实现换肤效果的具体代码，供大家参考，具体内容如下

换肤效果：点击不同图片，更换相应页面背景

实现思路

1、定义一组图片，每个src属性赋值背景图片路径
2、获取一组图片元素对象（得到伪数组）
3、for循环给图片绑定点击事件- - -onclick，事件处理程序中设置body元素对象的背景图片为- - -当前被点击的图片的路径
4、注意：body元素对象的获取为- - -document.body，js为背景图片路径赋值注意路径的拼接- - -document.body.style.backgroundImage = ‘url(' + this.src + ‘)';

代码示例

页面效果

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