css 上滑隐藏动画,上下滑动动画css

/p>

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

循环滚动信息栏

body {

margin: 0px;

padding: 0px;

}

#express li {

height: 25px;

border-bottom: dashed 1px #999;

line-height: 20px;

font-size: 12px;

list-style: none;

}

#dome {

height: 305px;

overflow: hidden;

margin-top: 0px;

}

#book_class {

width: 200px;

height: 310px;

border: 3px solid #999;

margin-left: auto;

margin-right: auto;

margin-top: 70px;

border-radius: 5px 5px 5px 5px;

box-shadow: 0px 0px 10px 10px #CECED1;

}

#express {

margin-left: -30px;

margin-right: 10px;

margin-bottom: 0px;

margin-top: 0px;

}

#book_class div div ul li a {

text-decoration: none;

color: #333333;

}

#book_class div div ul li a:hover {

text-decoration: underline;

}

• ·2010考研英语大纲到货75折...
• ·权威定本四大名著(人民文...
• ·口述历史权威唐德刚先生国...
• ·袁伟民与体坛风云：实话实...
• ·我们台湾这些年：轰动两岸...
• ·畅销教辅推荐：精品套书50...
• ·2010版法律硕士联考大纲75...
• ·计算机新书畅销书75折抢购
• ·2009年孩子最喜欢的书
• ·弗洛伊德作品精选集59折

var dome = document.getElementById("dome");

var dome1 = document.getElementById("dome1");

var dome2 = document.getElementById("dome2");

var speed = 50;//设置向上轮动的速度

dome2.innerHTML = dome1.innerHTML;//复制节点

function moveTop() {

if (dome1.offsetHeight - dome.scrollTop <= 0) {

dome.scrollTop = 0;

} else {

dome.scrollTop++;

}

}

var myFunction = setInterval("moveTop()", speed);

dome.onmouseover = function () {

clearInterval(myFunction);

}

dome.onmouseout = function () {

myFunction = setInterval(moveTop, speed);

}