您的位置：首页 > Web前端 > CSS

html+css制作图片轮播

2020-02-13 00:34 399 查看 

<head>
<meta charset="utf-8" />
<title>自我介绍</title>
<style >
.pmarquee{
position: fixed;margin-left: 10%;margin-right:10%;top: 40px;
background: wheat;overflow: hidden;
border: 2px dashed fuchsia;
width: 80%;height:250px;padding-top: 2px;
}

</style>

<body>
<div class="pmarquee">
<marquee behavior="alternate" 	 direction="right" ><!--"scroll循环滚动slide滚动一次alternate来回交替  " -->
<img src="img/ac75323d6b6de243-88c2ddd55cb8bca2-106ba127bb261380f92d5a9e97f946c5.jpg" width ="263"height="250" />
<img src="img/ac75323d6b6de243-4ae01c7db4cb0b81-19dbc2535747183ad927e5fadca326a0.jpg" width ="263"height="250"/>
<img src="img/774d4fc3c5544e6a.jpg" width ="263"height="250"
<br><img src="img/b692ca88cf40622d-c4c351c548f54192-6fe60afa2548e8e3573a641bc8a1d61d.jpg"width ="263"height="250"/>
<img src="img/ac75323d6b6de243-9874fa83ce388a7a-fd73b0b173407bfbaef2449480abe1ad.jpg" width="263"height="250"/>
<img src="img/b692ca88cf40622d-c4c351c548f54192-6fe60afa2548e8e3573a641bc8a1d61d.jpg" width="263"height="250"/>
<img src="img/ac75323d6b6de243-88c2ddd55cb8bca2-106ba127bb261380f92d5a9e97f946c5.jpg" width ="263"height="250" />
<img src="img/动态6.jpg"   width ="263"height="250" />
<img src="img/7d1d4693dfe64b779d40708bcbdc505b.jpeg"     width ="263"height="250" />
</marquee>

  • 点赞
  • 收藏
  • 分享
  • 文章举报
勤奋式幽默 发布了9 篇原创文章 · 获赞 2 · 访问量 520 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航