`
jjklmm
  • 浏览: 55162 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery滚动特效 一行一行滚动

阅读更多
<!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文本单行多行滚动特效

    jquery文本单行多行滚动特效。 1、文本列表一行或多行间隔滚动。 2、可以设置滚动的速度与间隔时间。 3、jquery特效兼容浏览器。

    jQuery两行列表滚动效果.zip

    jQuery两行列表滚动效果是一款点击两侧的按钮,图片会自动左右切换。

    jquery向上循环滚动特效.zip

    jquery向上循环滚动特效是一款文字行向上循环滚动jquery插件,兼容主流浏览器。

    jQuery的显示页面滚动进度特效.zip

    &lt;head&gt; &lt;meta ... charset=UTF-8" /&gt; &lt;...jQuery显示页面滚动进度特效&lt;... 一款当鼠标滚动页面后显示滚动进度,到达目的地的时候打钩显示已完成的jQuery显示页面滚动进度特效。

    jQuery滚动新闻实现代码

    网上下载了一个Jquery新闻滚动... 原Demo是一行显示的滚动效果,有一个Bug,即不等的多行显示时会跑错,已修复。  原Demo有一个mouseover属性,我一般不用(效果不好,看一下实现方法也有漏洞,在多行时效果更差),

    jQuery两行列表滚动效果特效代码

    jQuery两行列表滚动效果是一款点击两侧的按钮,图片会自动左右切换。

    jQuery实现鼠标滚轮控制div上下翻动效果

    打开页面后,用鼠标滚轮上下滚动时,发现页面并不会滚动,滚动的部分却是div里面的三部分,效果很不错 使用方法: 1、在你的网页head中引入css样式 2、将代码部分拷贝到你的网页中 3、在底部引入四...

    HTML表格固定第一行第一列效果

    在网页上实现类似Excel的效果,数据滚动条拖动固定第一行和第一列,附代码备注,一目了然

    jQuery自动滚动表格高亮显示代码.zip

    jQuery自动滚动表格高亮显示代码是一款带有行点击,奇数行样式添加,偶数行样式添加,json初始化表格等功能。

    jquery插件之文字间歇自动向上滚动效果代码

    此插件旨在实现目前较为流行的文字间歇向上滚动特效,当鼠标移动到文字上时,向上滚动会停止,当鼠标离开时,向上滚动继续。整体代码如下: &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    jQuery自动滚动表格高亮显示特效代码

    jQuery自动滚动表格高亮显示代码是一款带有行点击,奇数行样式添加,偶数行样式添加,json初始化表格等功能。

    基于jQuery的可以控制左右滚动及自动滚动效果的代码

    分享一个控制左右滚动及自动滚动的样例, 昨晚花了两个多小时, 忍受着悍蚊的叮咬, 汗水的侵袭, 一行行的敲出来的血汗代码. 哈哈. 封装了两种模式: 点击滚动版本DEMO 自动滚动版本DEMO,源码中有详细注释. 思路: 点击...

    jquery向上循环滚动特效特效代码

    jquery向上循环滚动特效是一款文字行向上循环滚动jquery插件,兼容主流浏览器。

    实现文字的向上滚动

    实现文字一行一行的向上或者向下的滚动的播放,一定要给外部的div一个height值,否则没效果

    js文字滚动插件制作双行关联向上文字间隙滚动

    js文字滚动插件制作一个js文字滚动效果,两排双行关联向上文字间隙滚动,支持多组文字滚动列表。内含js代码下载。

    超实用的jQuery代码段

    11.13 向表格追加一行数据 11.14 获取客户端IP 11.15 向Firebug的控制面板发送消息 11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 11.18 最优化的循环语句写法 11.19 如何构建最优化的字符串 ...

    jQuery UI 实现拖动滑块控制图片滚动

    图片滚动,滚动条 jQuery UI 实现的滑块图片滚动实例,拖动滑块可以改变图片向左、向右滚动,本实例实则是一套教程,从第一步使用jQuery创建滑块开始,一步步加深,最后制作出可以控制一行、多行图片滚动的效果来。...

    jquery.cloud9carousel.js

    jquery.cloud9carousel.js 开发炫酷3D轮播图滚动效果插件

    jQuery 7种切换特效的3D图片轮显切换插件.rar

    jQuery 7种切换特效的3D图片轮显切换插件,就是一个焦点图,只是改变图片切换的方式有7种,图片下边的一行按钮对应一种切换方式 ,大致为水平3D切换,垂直3D切换、淡入淡出渐变、滚动(滑动)切换、两种百叶窗风格...

    jQuery实现响应鼠标滚动的动感菜单效果

    这是响应鼠标滚动的一款jQuery动感菜单,横向竖向这个大家怎么改吧,使用了jquery插件,不要忘记载入哦。看效果的时候如果加载有错误,请刷新一下页面就行了。 运行效果截图如下: 在线演示地址如下: ...

Global site tag (gtag.js) - Google Analytics