<!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>
分享到：
相关推荐
对于"jQuery 滚动一行"的效果，我们可以将其分为以下几个关键步骤： 1. **引入jQuery库**：在HTML文件中，我们需要引入jQuery库。通常，我们可以从CDN（内容分发网络）获取，例如： ```html ...
jQuery，一个流行的JavaScript库，提供了丰富的API和方法，使得实现图片滚动效果变得简单易行。本文将深入探讨如何利用jQuery实现左右按钮控制的图片滚动效果。 ### 一、jQuery基础 jQuery是一个轻量级的...
本示例中的"jQuery两行列表滚动效果"是一种常见的网页动态展示技术，常用于产品展示、新闻滚动或者广告轮播等场景。下面将详细介绍这个效果的实现原理和相关知识点。 首先，jQuery的动画功能是通过`.animate()`函数...
`jQuery`作为一个广泛使用的JavaScript库，提供了丰富的功能和便利的方法来实现这种效果。本教程将深入探讨如何利用`jQuery`来创建一个表头固定、内容区域可滚动的表格。 首先，我们需要在HTML中构建基本的表格结构...
本教程将详细讲解如何利用jQuery实现一个两行图片列表的滚动效果。 首先，理解“jQuery两行图片列表滚动效果代码”意味着我们需要创建一个展示图片的布局，这个布局包含两行图片，并且这些图片会按照某种方式滚动或...
【文字滚动一次一行特效.zip】这个压缩包包含了一个实现文字滚动效果的代码资源，主要针对网页中的文字展示。滚动文字是一种常见的动态效果，可以用于新闻更新、公告展示或者任何需要节省空间并展示大量文本的场景。...
瀑布流布局是一种自适应的网格布局方式，其特点是每一列的顶部对齐，而每一行的宽度根据内容自适应。在JavaScript或CSS的帮助下，我们可以根据浏览器窗口大小动态调整每列的宽度，以实现内容的灵活展示。 ### 3. ...
【经典】滚动新闻_Jquery 是一个利用JavaScript库Jquery实现的动态新闻展示方案，它主要关注于创建一种吸引用户注意力的交互式体验。在网页设计中，滚动新闻是一种常见的元素，用于显示最新的更新、公告或者热门资讯...
为了使效果更加平滑，可以考虑添加CSS样式，例如为表格设置固定的`height`，并开启`overflow-y: auto`，以便在滚动过程中只显示一行数据： ```css #scrollingTable { height: 300px; /* 调整合适的高度 */ ...
在前端开发中，jQuery库经常被用来实现各种交互效果，其中一种常见的应用场景是制作新闻滚动推荐，这可以有效地展示大量信息而不会占用过多空间。标题和描述提到的"jQuery单行文字上下不间断循环滚动效果"就是一个...
【jQuery滚动选择日期效果源码解析】 在网页开发中，日期选择器是一个常见的交互元素，用于用户输入或选择日期。jQuery作为一个广泛使用的JavaScript库，提供了丰富的插件和方法来实现各种用户界面效果，包括日期...
2. **无缝滚动**：无缝滚动特效是指文字在滚动到最后一行后，不出现明显的停顿或跳跃，而是立即返回到第一行继续滚动，创造出不间断的视觉效果。这通常通过精心计算元素的位置和滚动速度来实现。 3. **滚动时间与步...
例如，用JavaScript选取DOM元素可能需要复杂的XPath或CSS选择器，而jQuery只需一行代码即可完成。 在“Jquery相册图片滚动”中，主要涉及以下几个jQuery知识点： 1. **选择器**：jQuery提供了丰富的选择器，如ID...
在本文中，我们将探讨如何使用jQuery来实现一个表格行数据的滚动效果。这个效果通常用于创建数据列表，以便用户可以滚动查看多行信息而无需滚动整个页面。以下是一些关键知识点，以及具体实现的步骤： 1. **HTML...
"jQuery图片从下往上滚动效果" 是一种常见的JS特效，它利用jQuery库的强大功能，实现图片从页面底部向上平滑滚动，创造出引人入胜的视觉体验。这种效果常用于网站的轮播图、图片相册或者新闻滚动展示等场景。 ...
jQuery滚动事件 接下来，我们需要监听滚动条的滚动事件。jQuery的`.scroll()`方法可以绑定这个事件： ```javascript $('#imageScroller').scroll(function() { // 在这里处理滚动事件 }); ``` ### 5. 计算滚动...
在jQuery中，实现文字滚动特效通常涉及到CSS样式和JavaScript的结合。CSS可以用来设置文字的初始位置、滚动速度以及滚动方向，而JavaScript则负责控制滚动行为。在这个特效中，我们可能需要使用到`marquee`标签或者...
"单行jQuery循环滚动新闻代码.rar" 这个标题表明这是一个使用jQuery库实现的JavaScript特效，具体是让新闻标题在一行内进行循环滚动。在网页设计中，这种效果通常用于展示最新资讯或者有限空间内的多条信息，以节省...
综上所述，jQuery无缝滚动是一种提升网站用户体验的有效手段，通过理解其工作原理，结合适当的插件和优化策略，我们可以轻松地在自己的项目中实现这一效果。对于初学者来说，这是一个学习jQuery和前端开发的好起点。
在新闻图片列表滚动特效中，你可以使用这个函数配合定时器，让图片按照设定速度自动滚动，同时提供小箭头控制左右滚动，增强用户体验。例如，通过`.stop().animate()`组合可以停止当前动画并启动新的滚动动画。 层...