Question

怎么用JS特效去做一个网页背景图片切换？（带略缩图）

怎么用JS特效去做一个网页背景图片切换？（带略缩图）
就有点像一些软件上的换肤的功能

私信可用！高分求大神们解答，本人在自学网页，比较白，不懂之处多多私聊教下！谢谢哟^_^

Answer 1

<style>
#bg img{margin:0 5px;border:1px solid #ddd;width:80px;height:80px;}
#bg img.on{border-color:#f00;}
</style>
<div id="bg">
<img src="缩略图地址" rel="大图地址">
<img src="缩略图地址" rel="大图地址">
<img src="缩略图地址" rel="大图地址">
</div>
//引入jQuery.js
<script>
var $mg=$("#bg").find("img");
$mg.click(function(){
var big=$(this).attr("rel");
$("body").css("background","url("+big+") 50% 50% no-repeat");
$(this).addClass("on").siblings("img").removeClass("on");
});
</script>

上面就是最简单的背景切换加缩略图，需要引入jQuery哈

追问

是要调用jQuery.js文件吗？还有就是jQuery.js文件里要填写些什么？

追答

jQuery是个js框架，只需引用即可，不需要在去修改他的代码

追问

问题是弄来弄去，略缩图是显示出来了，但是点击没反应