本文实例为大家分享了机器人九宫格图片展示的具体代码，供大家参考，具体内容如下

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 '标题换肤/title link rel='样式表href='base.css' link rel='样式表href='spring.css '脚本src=' http :更改。js /脚本/流浆池头跨度季节/span按钮换肤/button/header div class=' main '/div/body/html基本样式文件

表头{位置：绝对值；top:0px宽度宽度：1366像素高度： 60px文本对齐：中心；}收割台跨度{行高： 60px} header button { width :60 pxheart :45 px绝对位置：右侧：30 pxmargin-顶部：8 px}.main { margin-top : 60px；宽度宽度：1366像素高度：600 px} spring.css文件

html，正文{ padding: 0pxmargin: 0px }页眉{底色： # C0FF3E}.主{后台： URL(img/spring。jpg)不重复；背景尺寸size : 1366 px 600 px } summer . CSS文件

html，正文{ padding: 0pxmargin: 0px }页眉{底色： # 76ee 00}.主{后台： URL(img/summer。jpg)不重复；背景尺寸size: 1366px 600px}更改，js文件

函数change(){ var link=document。getelementsbytagname(' link ')[1]；var BTN=文档。getelementsbytagname(' button ')[0]；BTN。onclick=function(){ if(link。href=' http://localhost :8000/BOM学习/春天。CSS '){链接。夏天。CSS '；} else { link。“春天。CSS '；} };}窗口。onload=function(){ change()；};主要是取得环标签对象，替换环里面的属性href

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。