Bootstrap框架结合jQuery仿百度换肤功能实例解析(2)

$(function () { var bgig = localStorage.getItem("bgig"); if (bgig == null) { $("body").css({ "background-image": "url(images/1.jpeg)", "background-size": "cover" }); } else { $("body").css({ "background-image": "url(" + bgig + ")", "background-size": "cover" }); } $("#b-change a").click(function () { $(".s-icons").show(500); }); $(".icon-up a").click(function () { $(".s-icons").hide(500); }); $(".dpic img").click(function () { var src = $(this).attr("src"); $("body").css({ "background-image": "url(" + src + ")","background-repeat":"no-repeat","background-size":"100%" }); localStorage.setItem("bgig", src); }); });

效果图：

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

如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程 Bootstrap实战教程

您可能感兴趣的文章: