Web前端:简易灯箱画廊案例设计
【代码】Web前端:简易灯箱画廊案例设计。
·
题目要求

参考代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>简易灯箱画廊设计</title>
<meta name="author" content="huyiwei">
<meta name="generator" content="HBuilder X"></meta>
<style>
ul{
list-style-type: none;
}
li{
float: left;
}
img{
width:200px;
height:200px;
}
</style>
</head>
<body align = "center">
<h3 style="color: red;" align = "center">
简易灯箱画廊设计
</h3>
<hr color="red" />
<marquee behavior = "alternate" direction = "left"
height = "200px" loop = "100"
onmouseout="this.start()" onmouseover="this.stop()">
<ul>
<li>
<a href="图片/微信图片_20221002110832.jpg" target="简易灯箱画廊设计">
<img src="图片/微信图片_20221002110832.jpg"/>
</a>
</li>
<li>
<a href="图片/微信图片_20221002110837.jpg" target="简易灯箱画廊设计">
<img src="图片/微信图片_20221002110837.jpg"/>
</a>
</li>
<li>
<a href="图片/微信图片_20221002110840.jpg" target="简易灯箱画廊设计">
<img src="图片/微信图片_20221002110840.jpg"/>
</a>
</li>
<li>
<a href="图片/微信图片_20221002110843.jpg" target="简易灯箱画廊设计">
<img src="图片/微信图片_20221002110843.jpg">
</a>
</li>
</ul>
</marquee>
<br>
<iframe name="简易灯箱画廊设计" width="400px" height="400px"></iframe>
</body>
</html>
案例效果展示

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)