点击按钮改变页面背景的命令如何设计

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。

文章标题:点击按钮改变页面背景的命令如何设计
本文URL:https://www.cdcxhl.com/news40/147340.html

成都网站建设公司_创新互联,为您提供App设计小程序开发全网营销推广营销型网站建设网站导航网站策划

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都app开发公司