您好！咱们今天要说的是网站建设中很关键的部分—图片背景。要是有了好看的背景，网页会更好看更有趣，当然大家都会喜欢。但是万一我们想换掉主页的样子怎么办？不怕，有jQuery这个小助手在！跟我一起来，轻松搞定主页更换，就是这么简单！
首先咱们先学习下如何巧妙地用 jQuery找东西，这不是跟选区一样，能帮你定位到 HTML 里想要的部分。比如说，用这种方法一下子就能抓取到想要的元素，比如，“$(“element”)”，然后就可以开始设置元素的属性了，挺简单的，“$(“element”).css(“property”, “value”)”就行咯。当然，别忘了 jQuery 还有不少动画特效的手段，摸清它们，像 fadeIn、fadeOut、slideUp 和 slideDown 这些的，随心所欲给页面加些震撼的效果，瞬间酷炫炸天，操作时也快乐无穷。实话说，确实好用极了！
想在前端开发里换成这个主题，用jQuery换个背景图其实挺容易的！步骤就俩，首先搞定新背景图，然后设置每次启动页面都能换一次。看看我给你举的这例子哈：
哈喽，咱们这段代码就只要等页面加载完，然后用jQuery换成新背景图new_background.jpg，超简单！
换墙纸没那么难，不信试试改成“身体”那个部位的颜色！这真的挺简单的快来瞧瞧这个：
来，就给你的body穿上一件红色背心吧～喜欢啥色儿选啥色儿，关键是你觉得好，看着舒服才行！
$(document).ready(function() {
$('body').css('background-image', 'url(new_background.jpg)');
});
想要弄个渐变色背景？挺容易的！用CSS3就行，里面有种叫做“线性渐变”的魔法，可以把红变成蓝。瞧下图，我已经帮你写好实例了，赶紧试试看！
登录后复制
$(document).ready(function() {
$('body').css('background-color', 'red');
});
这段代码用CSS3的线性颜色渐变把背景从红变蓝，太酷了，整个网页看起来亮堂了不少！
看了今天的文章后，你就知道怎么用jQuery改变网站的皮肤。不仅可以换背景照片，更改颜色，连渐变效果都能做出来，多炫酷！想设计什么颜色就设计什么色彩，随心所欲。是不是跃跃欲试了？快来亲身实践！今天重点讲述了怎样利用jQuery改变网页背景。可以选择哪种？搬运工？切割大师CSS方法？还是动画方法？统统都能解决。轻松更换新图、新颜调，还能打造炫彩渐变。这对于网页设计者来说，可谓必备神技！希望大家享受这个转帖，并且把学到的知识应用到实操中。有啥问题或见解，不要犹豫，直接在下面评论！当然别忘了分享给你的朋友们，让他们也见证一下你的成果！
$(document).ready(function() {
$('body').css('background', 'linear-gradient(to bottom, red, blue)');
});
评论0