Html
    Css
    Js
body {
	max-width:768px;
	min-width:320px;
	font-family:'微软雅黑','microsoft yahei',arial;
	min-height:100%;
	position:relative;
	margin:auto;
	background:#e9e9e9;
	width:100%;
}
::-webkit-scrollbar {
	width:0px
}
a:link,a:visited,a:hover,a:active {
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
}
ul,li,dl,dd,h1,h2,h3,h4,h5,h6,p,input {
	margin:0;
	padding:0;
	list-style:none;
}
.panel {
	width:100%text-align:center;
	background:#000;
	margin-top:30px;
}
.panel_zhong {
	font-size:18px;
	padding-left:20px;
	height:34px;
	line-height:34px;
	color:#fff;
}
/*获奖名单-无缝滚动 上下*/
			.activity {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	height:165px;
	text-align:center;
	background-color:#fff;
}
.activity ul {
	top:-15px;
	padding:0;
	color:#666;
	position:relative;
}
.activity li {
	height:34px;
	padding:0;
	font-size:14px;
	line-height:34px;
	list-style:none;
	border-bottom:1px dotted #d2d2d2;
}
/*获奖名单-停顿滚动*/
			.maquee {
	width:100%;
	height:230px;
	overflow:hidden;
	background:#fff;
}
.maquee ul {
	width:100%;
	height:230px;
	color:#666;
}
.maquee li {
	width:100%;
	height:45px;
	background:#fff;
	line-height:45px;
	text-align:center;
	font-size:14px;
	border-bottom:1px dashed #aaa;
}
/*公告栏-新闻滚动*/
			.apple {
	width:100%;
	height:45px;
	background:#fff;
	overflow:hidden;
}
.apple ul li {
	height:45px;
	line-height:45px;
	font-size:14px;
}
.apple ul li a {
	color:#000;
	display:block;
	padding-left:20px;
	padding-right:20px;
}
.apple ul li a:hover {
	color:red;
}
.apple ul li a span {
	float:right;
}
.Noticewarp {
	overflow:hidden;
	height:45px;
	line-height:45px;
	width:100%;
	float:left;
	background-color:#fff;
	margin-top:10px;
	margin-bottom:40px;
}
.Noticewarp a {
	color:#d61515;
	width:auto;
	float:left;
	margin-right:40px;
	margin-left:3px;
}
.Noticewarp .scroll {
	width:9999px;
	float:left;
	position:relative;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

新闻列表滚动(上下滚动、横向滚动、无缝滚动、停顿滚动)

0