专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

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

当前位置:网站建设 > 优化推广
资料来源:网络整理       时间:2023/3/21 5:48:27       共计:3577 浏览

  网站背景也是可以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><span><img src="http://www.ymars.com.cn/d/file/products/yure/penyou/2012-12-27/f49a9bae6700322893780ffb6604cb0f.jpg" height=310 width=228 border=2></span><img src="http://www.ymars.com.cn/d/file/products/houchuli/guolvqi/2012-12-27/a4563ebb4e6f17df77e71d5d1a68ae50.jpg" height=310 width=228 border=2>

  <img src="http://www.ymars.com.cn/d/file/products/houchuli/xifu/2012-12-27/70d6040847d6c98377412667f99f1c47.jpg" height=310 width=228 border=2>

  <img src="http://www.ymars.com.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>

  在编以上命令代码时需要注意的是:代码里面的圆角符号都要换成英文状态下的符号,如果不想一个一个修改,那么可以使用查找替换的功能来实现。

  以上内容由【分形科技】编辑整理!更多有关北京网站建设、企业网站建设、网站优化网络运营移动端网站建设、电商网站建设等互联网应用服务都可以联系我们!服务方式:010-64928252、400-6446-365。 
版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:网站设计简洁网页设计的6种方式 | ·下一条:网站设计排版中表单超过iframe框架高度肿么办

Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有