原生javascript无缝滚动效果

时间：2022-06-25 21:49:24 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

/* YUI reset */
* {margin:0; padding:0;}
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;} */
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul,li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}

/* my */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {*zoom:1;}

body {color:#333; font-size:12px; font-family:Verdana,Arial,Helvetica,sans-serif;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}

.wrapper { margin:0 auto; padding-bottom:50px;}
.ad { margin:10px auto 0;}
.ad li {padding-top:5px;}

h1 { line- font-size:22px; font-weight:normal; font-family:"Microsoft YaHei",SimHei;}

.download {display:inline-block;  line- padding:0 10px; background:#333; font-size:14px; font-weight:bold; text-align:center; color:#fff; border:1px solid #999; margin-top:10px;}
.fenxiang { padding:20px 0 10px; margin-bottom:10px;}

.shuoming {margin-top:20px; border:1px solid #ccc; padding-bottom:10px;}
.shuoming dt { line- font-weight:bold; text-indent:10px;}
.shuoming dd {line- padding:5px 20px;}
.shuoming dd a {text-decoration:underline;}

.tongji {display:none;}
</style>

<div class="wrapper">
	<h1>原生javascript效果：无缝滚动</h1>
	
	<div id="con">
		<div class="roll">
			<ul>
				<li>
				<li>
				<li>
				<li>
			</ul>
		</div>
		<span>
		<span>向右 >></span>
	</span>
</div>

</div>

提示：您可以先修改部分代码再运行

推荐专题

最新下载

热门教程

原生javascript无缝滚动效果

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程