jquery 滚动特效 向上滚动
效果查看网址：http://www.miiceic.org.cn/amt2011/
源代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>首届跨领域技术体验峰会</title>
<style type="text/css">
.kuang{width:292px;overflow:hidden;height:423px;_height:468px;font-size:12px; line-height:22px; color:#666;border:1px solid #c7c7c7;}
.gd{width:293px;overflow:hidden;height:423px;_height:468px;}
.newstu{width:291px; padding:4px 0 4px 2px; float:left; }
.newstu img{ width:67px; height:77px; float:left; padding:2px; border:1px solid #CCCCCC;}
.newstu ul{margin:0; padding:0; float:left;}
.newstu li{ background-position:6px 5px; padding:2px 0 2px 22px;height:14px; line-height:14px; color:#dc615c; font-weight:bold;}
.newstu li a:link,.newstu li a:visited { color:#dc615c;}
.newstu li a:hover { color: #666666;}
.newsgaish{width:200px; height:52px;float:left; margin-left:10px;float:left; line-height:20px;}
.newsgaish a:link { color:#323232;}
.newsgaish a:hover { color: #666666;}
.newsgaish a:visited { color:#323232;}
</style>
<script type="text/javascript" src="http://www.miiceic.org.cn/templets/js/jquery-1.3.1.js"></script>
<script type="text/javascript">
function AutoScroll(obj){
$(obj).animate({
marginTop:"-77px"
},500,function(){
$(this).css({marginTop:"0px"}).find("div:first").appendTo(this);
});
}
$(document).ready(function(){
timerID=setInterval('AutoScroll(".gd")',4000)
});
document.getElementById("gund").onmouseover=function() {clearInterval(timerID)}
document.getElementById("gund").onmouseout=function() {timerID=setInterval('AutoScroll(".gd")',4000)}
</script>
</head>
<body>
<div id="gund">
<div title="高焕堂"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R411264E91.jpg" width="67" height="77" border=0 alt="jquery 滚动特效 向下滚动"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7516.html" title="亚太地区Android技术大会">高焕堂 亚太地区Android技术大会领头人</a></li></ul>
<div title="杨秀峰"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112GWX.jpg" width="67" height="77" border=0 alt="jquery 滚动特效 向下滚动"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7517.html" title="安博中程软件工程专家">杨秀峰 安博中程软件工程专家</a></li></ul>
<div title="柯博文"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112IM10.jpg" width="67" height="77" border=0 alt="jquery 滚动特效 向下滚动"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7524.html" title="电玩">柯博文 电玩</a></li></ul>
<div title="温昱"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112KHJ.jpg" width="67" height="77" border=0 alt="jquery 滚动特效 向下滚动"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7525.html" title="安博中程架构方向专家顾问">温昱 安博中程架构方向专家顾</a></li></ul>
<div title="刘俊平"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R411293H18.jpg" width="67" height="77" border=0 alt="jquery 滚动特效 向下滚动"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7526.html" title="软考考试用书编委会成员">刘俊平 软考考试用书编委会成员</a></li></ul>
<div title="贺炘"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112S14W.jpg" width="67" height="77" border=0 alt="jquery 滚动特效 向下滚动"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7527.html" title="北京软件行业协会测试工作委员会副秘书">贺炘 北京软件行业协会测试工</a></li></ul>
<div class="newsgaish">安博中程测试方向专家顾问。北京软件行业协会测试工作委员会副秘书长，CSTQB 中国区专家组资深专…</div>
</div>
</div>
</div>
</body>
</html>
