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

  • 网站建设 2018-08-06
<返回列表

  网站背景也是可以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。 

更多阅读

SEO解决方案主要是根据哪些内

诊断教程 2020-06-11
SEO解决方案主要是根据哪些内容来改善?现在有很多企业都会非常重视网站这一......查看全文

百度关键词优化一般都要做什

诊断教程 2020-06-11
百度关键词优化一般都要做什么事情?现在有非常多人都很关心互联网上的信息......查看全文

关键词优化SEO有什么样的考核

诊断教程 2020-06-11
关键词优化SEO有什么样的考核指标?关键词优化SEO在进行实际考核的过程当中将......查看全文
返回全部新闻
扫描二维码分享到微信
确 认
友情链接: SEO 米菲纸尿裤 百度刷排名