图片滚动
2016-03-26 00:44
246 查看
<!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>
<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>
相关文章推荐
- 闭包
- 《日暮农归》
- Andfix热修复框架原理及源码解析-下篇
- 新的Calculator的规范作业
- Educational Codeforces Round 10(A)模拟
- Windows下MongoDB安装与PHP扩展
- 匹配html中a标签的内容
- select2与Bootstrap冲突解决
- 手机支付
- windows 80端口被占用的解决方法
- mybatis3 date传值注意
- LeetCode 327 Count of Range Sum(分治)
- 《秋诗之立残阳》
- [Androidmac安装android studio 启动后,创建项目显示SDK problem]
- 7 分支结构程序体验 项目
- JVM(四)--GC的三大高级算法
- 欢迎使用CSDN-markdown编辑器
- Android编码规范
- 给网页添加网站的logo(icon图标)
- android的消息推送