怎么用JS特效去做一个网页背景图片切换?(带略缩图)

怎么用JS特效去做一个网页背景图片切换?(带略缩图)就有点像一些软件上的换肤的功能私信可用!高分求大神们解答,本人在自学网页,比较白,不懂之处多多私聊教下!谢谢哟^_^... 怎么用JS特效去做一个网页背景图片切换?(带略缩图)
就有点像一些软件上的换肤的功能

私信可用!高分求大神们解答,本人在自学网页,比较白,不懂之处多多私聊教下!谢谢哟^_^
展开
 我来答
匿名用户
推荐于2016-04-02
展开全部
<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框架,只需引用即可,不需要在去修改他的代码
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式