400-6446-365

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

2017-05-02
  网站背景也是可以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 class="bgimages" onClick="tile();event.cancelBubble=true"><span class="bgimages" onClick="tile();event.cancelBubble=true"><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。 TAG标签耗时:0.016579866409302 秒
010-64928252/400-6446-365 我现在就想找顾问聊聊
让决策变的简单
好的开始是成功的一半
您需要一位互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画
高端网站建设 · 小程序 · APP · 微信 · H5 · 游戏 · 电商 · 年度运营