jquery滚动特效一行一行滚动-优快云博客

本文链接：https://blog.youkuaiyun.com/jjklmm/article/details/84013083

本次峰会汇集了安博教育中程在线、中国信息产业培训网等资源，提供丰富的在线职业教育内容，涵盖从HTML到AI音视频处理等多个技术领域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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">
ul,li{margin:0;padding:0}
#scrollDiv{width:300px;height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
#scrollDiv li{height:25px;padding-left:10px;}
</style>
<script src="http://www.miiceic.org.cn/templets/js/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
function AutoScroll(obj){
        $(obj).find("ul:first").animate({
                marginTop:"-25px"
        },500,function(){
                $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
        });
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',1000)
});
</script>
</head>
<body>
<div id="scrollDiv">
<ul>
    <li><a href='http://www.miiceic.org.cn/'>安博教育中程在线</a></li>
    <li><a href='http://www.ciitn.com/'>中国信息产业培训网</a></li>
    <li><a href="http://www.amboedu.com/">中程在线职业教育</a></li>
    <li><a href='http://www.miiceic.org.cn/'>安博教育中程在线</a></li>
    <li><a href='http://www.ciitn.com/'>中国信息产业培训网</a></li>
    <li><a href="http://www.amboedu.com/">中程在线职业教育</a></li>
    <li><a href='http://www.miiceic.org.cn/'>安博教育中程在线</a></li>
    <li><a href='http://www.ciitn.com/'>中国信息产业培训网</a></li>
    <li><a href="http://www.amboedu.com/">中程在线职业教育</a></li>
 </ul>
</div>
</body>
</html>