<head>
<title>21Andy.com - 兼容IE和FireFox的间隔滚动代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
body {
text-align:center;
}
#andyscroll {
overflow: hidden;
background: #E8F8F8;
padding: 0 10px;
text-align: left;
width:400px;
height:150px;
overflow:hidden;
}
#andyscroll a {
font:12px/18px tahoma;
color: #000;
float:left;
width:100%;
text-decoration: none;
display:block;
}
#andyscroll a:hover {
font:12px/18px tahoma;
color: #F60;
}
-->
</style>
</head>
<body>
<div id="andyscroll">
<div id="scrollmessage">
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果２……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果３……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果４……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果５……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果６……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果７……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果８……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果９……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１０……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１１……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１２……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１3……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1４……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1５……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1６……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1７……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1８……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1９……</a>
</div>
<script type="text/javascript">
<!--
var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage");
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval('scrollUp()', 115);//的面的这个参数25, 是确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
if(stopscroll) return;
currentTop += 2; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
if(currentTop == 19) {
stoptime += 1;
currentTop -= 1;
if(stoptime == 180) {
currentTop = 0;
stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
}
//-->
</script>
</body>
</html>
<title>21Andy.com - 兼容IE和FireFox的间隔滚动代码</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
<!--
body {
text-align:center;
}
#andyscroll {
overflow: hidden;
background: #E8F8F8;
padding: 0 10px;
text-align: left;
width:400px;
height:150px;
overflow:hidden;
}
#andyscroll a {
font:12px/18px tahoma;
color: #000;
float:left;
width:100%;
text-decoration: none;
display:block;
}
#andyscroll a:hover {
font:12px/18px tahoma;
color: #F60;
}
-->
</style>
</head>
<body>
<div id="andyscroll">
<div id="scrollmessage">
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果２……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果３……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果４……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果５……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果６……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果７……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果８……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果９……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１０……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１１……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１２……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果１3……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1４……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1５……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1６……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1７……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1８……</a>
<a href="http://www.kmyuda.com">育达育发网新闻报纸滚动效果1９……</a>
</div>
<script type="text/javascript">
<!--
var stopscroll = false;
var scrollElem = document.getElementById("andyscroll");
var marqueesHeight = scrollElem.style.height;
scrollElem.onmouseover = new Function('stopscroll = true');
scrollElem.onmouseout = new Function('stopscroll = false');
var preTop = 0;
var currentTop = 0;
var stoptime = 0;
var leftElem = document.getElementById("scrollmessage");
scrollElem.appendChild(leftElem.cloneNode(true));
init_srolltext();
function init_srolltext(){
scrollElem.scrollTop = 0;
setInterval('scrollUp()', 115);//的面的这个参数25, 是确定滚动速度的, 数值越小, 速度越快
}
function scrollUp(){
if(stopscroll) return;
currentTop += 2; //设为1, 可以实现间歇式的滚动; 设为2, 则是连续滚动
if(currentTop == 19) {
stoptime += 1;
currentTop -= 1;
if(stoptime == 180) {
currentTop = 0;
stoptime = 0;
}
}else{
preTop = scrollElem.scrollTop;
scrollElem.scrollTop += 1;
if(preTop == scrollElem.scrollTop){
scrollElem.scrollTop = 0;
scrollElem.scrollTop += 1;
}
}
}
//-->
</script>
</body>
</html>
