效果查看网址：
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 class="kuang">
<div class="gd" id="gund">
<div class="newstu"><a href="http://www.miiceic.org.cn/amt2011/jszj_7516.html" title="高焕堂"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R411264E91.jpg" width="67" height="77" border=0 alt="高焕堂"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7516.html" title="亚太地区Android技术大会">高焕堂 亚太地区Android技术大会领头人</a></li></ul>
<div class="newsgaish">安博中程Android专家顾问。台湾Android论坛领头人，曾被誉为“台湾Android技术教父”;著名的海峡两…</div>
</div>
<div class="newstu"><a href="http://www.miiceic.org.cn/amt2011/jszj_7517.html" title="杨秀峰"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112GWX.jpg" width="67" height="77" border=0 alt="杨秀峰"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7517.html" title="安博中程软件工程专家">杨秀峰 安博中程软件工程专家</a></li></ul>
<div class="newsgaish">十余年的团队项目开发经验。采用远程合作开发的模式，实现了跨地区的软件开发，历经了几十个软件…</div>
</div>
<div class="newstu"><a href="http://www.miiceic.org.cn/amt2011/jszj_7524.html" title="柯博文"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112IM10.jpg" width="67" height="77" border=0 alt="柯博文"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7524.html" title="电玩">柯博文 电玩</a></li></ul>
<div class="newsgaish">柯博文先生目前在LoopTek担任美国硅谷公司技术总监一职，专注于Apple iPhone和Google Android手…</div>
</div>
<div class="newstu"><a href="http://www.miiceic.org.cn/amt2011/jszj_7525.html" title="温昱"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112KHJ.jpg" width="67" height="77" border=0 alt="温昱"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7525.html" title="安博中程架构方向专家顾问">温昱 安博中程架构方向专家顾</a></li></ul>
<div class="newsgaish">温昱，安博中程架构方向专家顾问。ADMEMS方法创始人，首席软件架构师、资深咨询顾问、软件架构专…</div>
</div>
<div class="newstu"><a href="http://www.miiceic.org.cn/amt2011/jszj_7526.html" title="刘俊平"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R411293H18.jpg" width="67" height="77" border=0 alt="刘俊平"/></a>
<ul><li><a href="http://www.miiceic.org.cn/amt2011/jszj_7526.html" title="软考考试用书编委会成员">刘俊平 软考考试用书编委会成员</a></li></ul>
<div class="newsgaish">安博中程软考辅导专家。具有丰富系统集成实践经验的资深系统集成项目管理专家，项目管理专业人士…</div>
</div>
<div class="newstu"><a href="http://www.miiceic.org.cn/amt2011/jszj_7527.html" title="贺炘"><img src="http://www.miiceic.org.cn/uploads/110824/1-110R4112S14W.jpg" width="67" height="77" border=0 alt="贺炘"/></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>
分享到：
相关推荐
【标题】"jQuery 文字向上滚动"是一种网页动态效果，常用于新闻更新、公告显示或者滚动广告等场景，使得信息能够在有限的空间内持续展示，提高用户的关注度。这种效果通常是通过JavaScript库，特别是jQuery来实现的...
为了解决这个问题，开发者们通常会利用JavaScript库，如jQuery，来实现更高级的功能，例如表格信息的自动向上滚动。本文将深入探讨如何利用jQuery实现这一效果，以及相关知识点。 首先，jQuery是一个轻量级的...
在这个项目中，关键在于创建一个新闻列表的容器，然后利用jQuery的定时器（如`setInterval()`）每隔一定时间将第一条新闻移动到列表的底部，模拟出向上滚动的效果。这个过程可能包括以下步骤： 1. **HTML结构**：...
【jQuery向上循环滚动特效】是一种常见的网页动态效果，它利用JavaScript库jQuery实现文本或图片在页面上持续向上滚动，为用户展示信息。这种特效在新闻网站、公告栏或者广告展示等场景中尤为常见，能够有效地吸引...
这个效果使得内容能够持续不断地从底部向上滚动，给用户带来连贯且吸引人的视觉体验。在本文中，我们将深入探讨如何使用jQuery库实现这一功能。 ### 1. jQuery简介 jQuery是一个轻量级的JavaScript库，它简化了...
本主题涉及的是使用jQuery实现的一种特定的文字滚动特效，即“文字由下向上滚动”，这是一种常见的网页动态效果，常用于新闻更新、公告展示等场景。 在网页设计中，动态效果能够吸引用户的注意力并提升用户体验。...
《jQuery逐条文字向上滚动特效实现详解》 在网页设计中，动态效果是吸引用户注意力、提升用户体验的重要手段。jQuery库以其丰富的功能和简洁的API，成为JavaScript开发中不可或缺的一部分，尤其是在实现各种特效上...
本篇文章将详细解析如何使用jQuery实现标题中提到的"排名文字无缝循环向上滚动"的效果，并结合给定的文件结构进行分析。 首先，我们来看`index.html`文件，这是网页的核心部分。它通常包含HTML结构，用于定义网页的...
在网页设计中，当表格数据过多...总之，通过`jQuery`实现表头固定表格内容滚动效果，可以提升用户在浏览大量数据时的体验。在实际应用中，可以根据项目需求对上述代码进行调整和优化，以达到最佳的视觉效果和性能表现。
"jquery滚动字幕"是指利用jQuery库来创建一种动态显示文字的效果，通常用于网站的头部或者底部，可以吸引用户的注意力，增加信息的可读性。这种效果常见于新闻网站、公告栏或电影预告片等场景。 一、jQuery滚动字幕...
**jQuery滚动广告插件**是一种基于JavaScript库jQuery的动态展示广告的工具，它使得网站能够创建各种富有吸引力的滚动效果，提升用户体验并增加广告的可见性。jQuery因其简洁的API和丰富的插件生态，被广泛应用于...
jquery滚动到顶部底部是一款简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能，他能帮助新手和高级开发者们创造美好的用户体验。...jquery滚动到顶部底部向上向下效果： jquery滚动到顶部底部仅向下效果：
"jQuery文字不断向上滚动代码（兼容火狐）"是一个典型的JavaScript库应用案例，它利用jQuery库实现文字信息在页面上持续不断地向上滚动，同时确保在Firefox浏览器上的兼容性。 jQuery是一个轻量级、高性能的...
jQuery带按钮向上滚动向下滚动代码是基于流行的JavaScript库jQuery实现的一种网页滚动效果。这个功能通常用于网站页面，尤其是内容较多的页面，以便用户能够轻松地浏览页面内容而无需手动滚动鼠标或触摸屏幕。这种...
通过上述知识点，我们可以用jQuery编写一个简洁有效的自动滚动循环滚动新闻展示效果。在实际应用中，可能还需要考虑更多的用户体验和浏览器兼容性问题，例如在不同分辨率的屏幕上展示效果的适配、触屏设备的手势操作...
jQuery文字逐行向上滚动代码是一种常见的网页动态效果，它能够使文本内容以逐行上升的方式展示，常用于新闻更新、公告栏或者滚动广告等场景，为网页增添动态视觉效果，吸引用户注意力。在这个"jQuery文字逐行向上...
本资源提供的“jQuery实现文字逐条向上滚动特效”就是一个很好的例子，它展示了如何利用jQuery来创建一个动态的文字展示区域，让文字逐条向上滚动，增加视觉吸引力。 首先，我们需要了解HTML5的基础结构。HTML5是...
在本文中，我们将深入探讨如何使用jQuery实现上下左右四方向可控的滚动特效。这个特效能够为网站或应用程序添加动态和互动性，提升用户体验。我们将会分析实现这种效果的关键技术和步骤，以及如何根据需要进行定制。...
在本文中，我们将深入探讨`marquee.js`插件，这是一个强大的JavaScript工具，用于实现各种jQuery滚动效果。`marquee.js`是专门为那些希望在网站上添加动态、吸引人的滚动效果的开发者设计的。它兼容了jQuery库，为...
同时，点击按钮时应触发页面向上滚动的效果。以下是一个基本的示例： ```javascript $(document).ready(function() { var offset = 220; // 滚动距离阈值 var duration = 500; // 动画持续时间（毫秒） $...