网站背景也是可以DIY的，使得网站页面变化多端。很多网站会设计一种根据用户的需求来改变网站页面背景的功能，尤其是一些自媒体网站、博客微博、或是论坛类网站、QQ空间等，都会为用户提供这种功能，用户可以根据自己喜好来选择。
那么要怎样做才能达到通过对一个按钮的点击来改变网站的背景呢？相信不同的网站制作师或网站工程师都有自己的专属技巧，不过这对于很多补入网站设计的人来说还是非常难完成的。
编辑代码并不是一件容易的事情，就小编自己而言看到代码的感觉就是一团乱麻，什么都看不懂，不知道为什么那么多的符合组合在一起就成实现一个很准确的命令。小编也尝试过学习，可以真的是弄不懂啊。如果你是网站设计师、你也遇到了同样的难题、并且需要快速的解决它。那么请一定要看下面的内容。
分形科技小编今天就与大家分享一下分形科技某位设计师的技巧，希望可以对大家的网页设计图片格式、网站设计标准、网页设计进展、网页兼容*设计、网站设计沟通、网页设计布局理念和网站界面设计方法等设计网站设计细节有所帮助。
点击按钮改变页面背景的命令代码如下：
</span><br />
<br />
<span> <style type="text/<b data-id="641">css</b>"></span><br />
<br />
<span> <!--</span><br />
<br />
<span> .bgimages {</span><br />
<br />
<span> color: #993333;</span><br />
<br />
<span> font-weight: bold;</span><br />
<br />
<span> width:60ox; height:28px; background:#eaeaea;}</span><br />
<br />
<span> --></span><br />
<br />
<span> </style></span><br />
<br />
<span> </head></span><br />
<br />
<span> <body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0"></span><br />
<br />
<span> <script language="JavaScript1.2"></span><br />
<br />
<span> <!--</span><br />
<br />
<span> function tile(){</span><br />
<br />
<span> if (!document.all)</span><br />
<br />
<span> return</span><br />
<br />
<span> var source=event.srcElement</span><br />
<br />
<span> if (source.tagName=="IMG")</span><br />
<br />
<span> document.body.style.backgroundImage="url("+source.src+")"}</span><br />
<br />
<span> function restore(){</span><br />
<br />
<span> document.body.style.backgroundImage=’’</span><br />
<br />
<span> }</span><br />
<br />
<span> document.body.ondblclick=restore</span><br />
<br />
<span> --></span><br />
<br />
<span> </script></span><br />
<br />
<span> </p></span><br />
<br />
<span> <palign="center"><span><span><img loading="lazy" alt="点击按钮改变页面背景的命令如何设计" src="<b data-id="408"></b>://.ymars/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img loading="lazy" alt="点击按钮改变页面背景的命令如何设计" src="<b data-id="408"></b>://.ymars/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2></span><br />
<br />
<span> <img loading="lazy" alt="点击按钮改变页面背景的命令如何设计" src="<b data-id="408"></b>://.ymars/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2></span><br />
<br />
<span> <img loading="lazy" alt="点击按钮改变页面背景的命令如何设计" src="<b data-id="408"></b>://.ymars/d/file/products/houchuli/lengdong/2012-12-27/3864ddf6fec906b5d5d4e53445442499.jpg" height=310 width=228 border=2></span></p></span><br />
<br />
<span> </td></span><br />
<br />
<span> </tr></span><br />
<br />
<span> </table></span><br />
<br />
<span> </center></span><br />
<br />
<span> </body></span><br />
<br />
<span> </html></span><br />
<br />
<span> 在编以上命令代码时需要注意的是：代码里面的圆角符号都要换成英文状态下的符号，如果不想一个一个修改，那么可以使用查找替换的功能来实现。</span><br />
<br />
<span> 以上<b data-id="1974">内容</b>由【分形科技】编辑整理！更多有关北京网站建设、企业网站建设、<b data-id="318">网站优化</b>、<b data-id="497">网络运营</b>、<b data-id="1472">移动端网站</b>建设、电商网站建设等<b data-id="75">互联网</b>应用服务都可以联系我们！服务方式：010-64928252、400-6446-365。</span><span> </span>
</div>
<div class="info-pre-next">
<p>上一篇：<a href="/details/17038.html" title="网站设计排版中表单超过iframe框架高度肿么办">网站设计排版中表单超过iframe框架高度肿么办</a></p>
<p>下一篇：<a href="/details/17040.html" title="网站设计简洁网页设计的6种方式">网站设计简洁网页设计的6种方式</a></p>
</div>
</article>
</div>
</div>
<footer>
<div class="box">
<div class="guanzhu_img">
<i><img src="/static/images/wxcode.jpg" alt="微信公众号：zhishiwx" loading="lazy"> 扫码关注微信公众号</i>
</div>
<div class="copyright">
<p>
<a href="/sitemap.xml" target="_blank" rel="nofollow">网站地图XML</a>
<a href="/sitemap.txt" target="_blank" rel="nofollow">网站地图TXT</a>
</p>
<p>
<a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow">粤ICP备13016699号-8</a> |
<a href="http://www.beian.gov.cn/" target="_blank" rel="nofollow">粤公网安备 44178102001213号</a>
</p>
</div>
</div>
</footer>
<a href="#" title="返回顶部" class="icon-top"></a>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?186274bf756b4c516044bbc4f7435cfe";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
(function(){
var bp = document.createElement('script');
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body>
</html> 
