图片滚动

最新推荐文章于 2024-08-31 15:29:35 发布

原创最新推荐文章于 2024-08-31 15:29:35 发布 · 375 阅读

3 ·

CC 4.0 BY-SA版权

网页设计专栏收录该内容

8 篇文章

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<style>
h1{
width:1024px;
height:100px;
font-family:"华文行楷";
position:absolute;
left:300px;
text-align:center;
color:#F00;
padding-top:15px;
font-size:XX-large;
}
#a{
width:1024px;
height:150px;
background-color:#CCC;
position:absolute;
left:300px;
top:100px;
}
#b{
width:1024px;
height:150px;
background-color:#CCC;
position:absolute;
left:300px;
top:255px;
}
</style>
<body>
<h1>贯彻十八大精神  践行社会主义核心价值观</h1>
<div id="a"><marquee behavior="scroll" direction="left" loop="infinite" scrollamount="7">
<img src="80b1OOOPICbb.jpg"> /*图片地址*/
<img src="15bOOOPICc3_1024.jpg"> /*图片地址*/
<img src="65b1OOOPIC6f.jpg"> /*图片地址*/
<img src="6867813_091646643000_2.jpg"> /*图片地址*/
<img src="78b1OOOPIC86.jpg"> /*图片地址*/
<img src="89b1OOOPIC5a.jpg"> /*图片地址*/
</marquee></div>
<div id="b"><marquee behavior="scroll" direction="left" loop="infinite" scrollamount="7">
<img src="t018a879a0942c11c6f.png"> /*图片地址*/
<img src="54b1OOOPIC07.jpg"> /*图片地址*/
<img src="72b1OOOPIC61.jpg"> /*图片地址*/
<img src="11-150206152T61R.jpg"> /*图片地址*/
<img src="51b1OOOPIC8d.jpg"> /*图片地址*/
</marquee>
</div>
</body>
</html>