这里的百度换肤效果,就是点击一张图片,系统自动将这张图片设为背景。
具体代码:
利用JS实现百度换肤效果
<script>
window.onload = function(){ //入口函数
var pic1 = document.getElementById("pic1");
var pic2 = document.getElementById("pic2");
var pic3 = document.getElementById("pic3");
pic1.onclick = function(){
document.body.style.backgroundImage = "url(images/1.jpg)";
}
pic2.onclick = function(){
document.body.style.backgroundImage = "url(images/2.jpg)";
}
pic3.onclick = function(){
document.body.style.backgroundImage = "url(images/3.jpg)";
}
}
</script>
效果图: