点击按钮改变页面背景的命令如何设计
2022-04-29 分类： 网站建设
网站背景也是可以DIY的，使得网站页面变化多端。很多网站会设计一种根据用户的需求来改变网站页面背景的功能，尤其是一些自媒体网站、博客微博、或是论坛类网站、QQ空间等，都会为用户提供这种功能，用户可以根据自己喜好来选择。
编辑代码并不是一件容易的事情，就小编自己而言看到代码的感觉就是一团乱麻，什么都看不懂，不知道为什么那么多的符合组合在一起就成实现一个很准确的命令。小编也尝试过学习，可以真的是弄不懂啊。如果你是网站设计师、你也遇到了同样的难题、并且需要快速的解决它。那么请一定要看下面的内容。
创新互联小编今天就与大家分享一下创新互联某位设计师的技巧，希望可以对大家的网页设计图片格式、网站设计标准、网页设计进展、网页兼容性设计、网站设计沟通、网页设计布局理念和网站界面设计方法等设计网站设计细节有所帮助。
点击按钮改变页面背景的命令代码如下：
<html>
<head>
<title>
<style type="text/css">
<!--
.bgimages {
color: #993333;
font-weight: bold;
width:60ox; height:28px; background:#eaeaea;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"}
function restore(){
document.body.style.backgroundImage=’’
}
document.body.ondblclick=restore
-->
</script>
</p>
<palign="center"><span onClick="tile();event.cancelBubble=true"><span onClick="tile();event.cancelBubble=true"><img src="http://www.cdcxhl.cn/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://www.cdcxhl.cn/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>
<img src="http://www.cdcxhl.cn/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>
<img src="http://www.cdcxhl.cn/d/file/products/houchuli/lengdong/2012-12-27/3864ddf6fec906b5d5d4e53445442499.jpg" height=310 width=228 border=2></span></p>
</td>
</tr>
</table>
</center>
</body>
</html>
在编以上命令代码时需要注意的是：代码里面的圆角符号都要换成英文状态下的符号，如果不想一个一个修改，那么可以使用查找替换的功能来实现。
以上内容由【创新互联】编辑整理！更多有关北京网站建设、企业网站建设、网站优化、网络运营、移动端网站建设、电商网站建设等互联网应用服务都可以联系我们！服务方式：028-86922220、400-028-6601。
那么要怎样做才能达到通过对一个按钮的点击来改变网站的背景呢？相信不同的网站制作师或网站工程师都有自己的专属技巧，不过这对于很多补入网站设计的人来说还是非常难完成的。
编辑代码并不是一件容易的事情，就小编自己而言看到代码的感觉就是一团乱麻，什么都看不懂，不知道为什么那么多的符合组合在一起就成实现一个很准确的命令。小编也尝试过学习，可以真的是弄不懂啊。如果你是网站设计师、你也遇到了同样的难题、并且需要快速的解决它。那么请一定要看下面的内容。
创新互联小编今天就与大家分享一下创新互联某位设计师的技巧，希望可以对大家的网页设计图片格式、网站设计标准、网页设计进展、网页兼容性设计、网站设计沟通、网页设计布局理念和网站界面设计方法等设计网站设计细节有所帮助。
点击按钮改变页面背景的命令代码如下：
<html>
<head>
<title>
<style type="text/css">
<!--
.bgimages {
color: #993333;
font-weight: bold;
width:60ox; height:28px; background:#eaeaea;}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" marginwidth="0">
<script language="JavaScript1.2">
<!--
function tile(){
if (!document.all)
return
var source=event.srcElement
if (source.tagName=="IMG")
document.body.style.backgroundImage="url("+source.src+")"}
function restore(){
document.body.style.backgroundImage=’’
}
document.body.ondblclick=restore
-->
</script>
</p>
<palign="center"><span onClick="tile();event.cancelBubble=true"><span onClick="tile();event.cancelBubble=true"><img src="http://www.cdcxhl.cn/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://www.cdcxhl.cn/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>
<img src="http://www.cdcxhl.cn/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>
<img src="http://www.cdcxhl.cn/d/file/products/houchuli/lengdong/2012-12-27/3864ddf6fec906b5d5d4e53445442499.jpg" height=310 width=228 border=2></span></p>
</td>
</tr>
</table>
</center>
</body>
</html>
在编以上命令代码时需要注意的是：代码里面的圆角符号都要换成英文状态下的符号，如果不想一个一个修改，那么可以使用查找替换的功能来实现。
以上内容由【创新互联】编辑整理！更多有关北京网站建设、企业网站建设、网站优化、网络运营、移动端网站建设、电商网站建设等互联网应用服务都可以联系我们！服务方式：028-86922220、400-028-6601。
文章标题：点击按钮改变页面背景的命令如何设计
本文URL：https://www.cdcxhl.com/news40/147340.html
成都网站建设公司_创新互联，为您提供App设计、小程序开发、全网营销推广、营销型网站建设、网站导航、网站策划
声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联
猜你还喜欢下面的内容
- 【SEO优化】网站流量中的PV、UV、IP具体是什么?三者之间有什么关系? 2022-04-29
- 河南大力支持第四代移动通信网络建设发展 2022-04-29
- 什么时候应该放弃"移动优先"？ 2022-04-29
- 开发一款App的成本有多少？ 2022-04-29
- 为什么App推广越来越难了？ 2022-04-29
- 面对网站流量下降SEO可以采用哪些工具解决？ 2022-04-29
- 您的网站适合什么样的布局？ 2022-04-29
- SEO五大误区必看 2022-04-29
- 快速制作属于自己的网站 2022-04-29
- 深圳龙华网站逻辑层的设计 2022-04-29
- 网站文章断供对网络推广到底有多深的伤害 2022-04-29
- 浅谈网页设计中的简约之美 2022-04-29
- 【SEO优化】将网络推广到传统企业 2022-04-29
- 网站优化公司：如何正确使用长尾关键词快速提高排名？ 2022-04-29
- 网站的逻辑连接结构 2022-04-29
- 【网站优化】百度搜索引擎喜欢什么样的网站? 2022-04-29
- 新闻动态生态环境政府网站发展建议 2022-04-29
- 【SEO优化】企业官网的SEO优化排名怎样做才能达到我们的理想位置呢? 2022-04-29
- 营销型网站为什么能吸引企业和用户_特性显著 2022-04-29