我们的目标是:
代码:
超文本标记语言头元http-equiv='内容-类型' Content=' text/html;charset=gb2312'/titlejs美术馆/title脚本类型='text/javascript '函数show pic(什么pic){ var source=什么pic。GetAttribute(' href ');定义变量占位符=document.getElementById('占位符');placeholder.setAttribute('src ',源);}/脚本样式。包装{ width :1000 pxmargin :0 auto }。放置{ margin:0 auto文本对齐:居中;} .表{宽度:1000像素高度:27 px边距-底部:10 px} .表li { float:left线高:27 px列表样式类型:无;宽度: 100像素;字体系列: '微软雅黑;文本对齐:中心;}/style body div class=' wrap ' h1快照/h1 div class='table' ul阿利href='images/网站1 .jpg ' onclick=' show pic(this);返回假的标题="显示器"第一个/a /li阿利网站2 .jpg ' onclick=' show pic(this);返回false'title='B显示'第二个/a /li阿利网站3 .jpg ' onclick=' show pic(this);返回假的标题='C显示'第三个/a /li阿利网易. PNG ' onclick=' show pic(这个);返回假的标题='D '显示'第四个/a /li阿利中国. PNG ' onclick=' show pic(这个);返回假的标题='电子显示屏'第五个/a /li /ul /div /添加一个占位符div class=' place ' img id=' placeholder ' src=' http : images/ad。jpg ' alt='我的图像'/div!-放置结束- /div!-包装结束/正文/html效果如下:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。