怎么用JS特效去做一个网页背景图片切换?(带略缩图)
怎么用JS特效去做一个网页背景图片切换?(带略缩图)就有点像一些软件上的换肤的功能私信可用!高分求大神们解答,本人在自学网页,比较白,不懂之处多多私聊教下!谢谢哟^_^...
怎么用JS特效去做一个网页背景图片切换?(带略缩图)
就有点像一些软件上的换肤的功能
私信可用!高分求大神们解答,本人在自学网页,比较白,不懂之处多多私聊教下!谢谢哟^_^ 展开
就有点像一些软件上的换肤的功能
私信可用!高分求大神们解答,本人在自学网页,比较白,不懂之处多多私聊教下!谢谢哟^_^ 展开
1个回答
推荐于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框架,只需引用即可,不需要在去修改他的代码
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询