<ul class="dateList">
<li class="one">
<p class="titleName">小狗</p>
<div class="numberCon Num01">
<span class="n1">7</span>
<span class="n2">2</span>
<span class="n3">1</span>
<span class="n4">6</span>
</div>
</li>
<li class="two">
<p class="titleName">小猪</p>
<div class="numberCon Num02">
<span class="n1">3</span>
<span class="n2">5</span>
<span class="n3">8</span>
<span class="n4">0</span>
</div>
</li>
<li class="three">
<p class="titleName">小猫</p>
<div class="numberCon Num03">
<span class="n1">2</span>
<span class="n2">8</span>
<span class="n3">9</span>
<span class="n4">1</span>
</div>
</li>
</ul>

  

			for(var i=1;i<=4;i++){
var n_txt = $(".Num01 .n"+i).text();
var BPY = -(n_txt*29);
$(".realTime .Num01 .n"+i).stop().animate({"background-position":'0'+" "+ BPY +'px'},3000)
};
for(var i=1;i<=4;i++){
var n_txt = $(".Num02 .n"+i).text();
var BPY = -(n_txt*29);
$(".realTime .Num02 .n"+i).stop().animate({"background-position":'0'+" "+ BPY +'px'},3000)
};
for(var i=1;i<=4;i++){
var n_txt = $(".Num03 .n"+i).text();
var BPY = -(n_txt*29);
$(".realTime .Num03 .n"+i).stop().animate({"background-position":'0'+" "+ BPY +'px'},3000)
};

  需要连接1.8以下的jQuery插件

<script type="text/javascript" src="../js/home/animateBackground-plugin.js"></script>

jQuery滚动数字的更多相关文章

  1. jQuery用户数字评分效果

    效果预览:http://hovertree.com/texiao/jquery/5.htm HTML文件代码: <!DOCTYPE html> <html xmlns="h ...

  2. vue setTimeout用法 jquery滚动到某一个div的底部

    //vue 中setTimeOut用法 var $this = this; setTimeout(function(){ $this.goEnd() }, 10); goEnd:function(){ ...

  3. 基于jQuery的数字键盘插件

    有时,我们需要在网页上使用软键盘.今天,就给大家带来一个基于jQuery的数字键盘插件,除了jQuery,不需要依赖任何文件资源.纯数字键盘,有退格,有清除,不支持输入小数(需要的可以自己改一下,主要 ...

  4. jQuery动态数字翻滚计数到指定数字的文字特效代码

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. Palindrome--poj 1159(最长公共子字符串+滚动数字)

    http://poj.org/problem?id=1159 题目大意:  给你一个n  代表n个字符   第二行给你一个字符串  求使这个字符串变成回文字符串 最少需要添加多少个字符 分析:   原 ...

  6. jQuery页面滚动数字增长插件

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  7. jquery 动态数字滚动

    1.引入jQuery <script src="js/jquery.min.js"></script>2.html <div id="cou ...

  8. 用jQuery实现数字滚动效果

    html 部分 <div class="js-box box"></div> css 部分 .statistic .box{ display: inline ...

  9. jquery轻量级数字动画插件jquery.countup.js

    插件描述: jquery.countup.js 是一款轻量级jquery数字动画插件.该数字动画插件可以在页面滚动时,将指定的数字从0开始计数增加动画. 插件说明 jquery.countup.js  ...

随机推荐

  1. 数据库备份checksum选项你会用么?

    SQL SERVER有好多好多功能,选项也一大堆,很多功能选项并不常用.但是如果真有这种需求的时候又想不起来~ 本篇我们就来聊聊备份里的选项checksum,这是个啥玩意?听都没听过?来看下图: 就是 ...

  2. aspose words 介绍

    Aspose.Words是一个商业.NET类库,可以使得应用程序处理大量的文件任务.Aspose.Words支持Doc,Docx,RTF,HTML,OpenDocument,PDF,XPS,EPUB和 ...

  3. 170103、Redis官方集群方案 Redis Cluster

    前面我们谈了Redis Sharding多服务器集群技术,Redis Sharding是客户端Sharding技术,对于服务端来说,各个Redis服务器彼此是相互独立的,这对于服务端根据需要灵活部署R ...

  4. python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容

    python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容 Beautiful Soup 是用Python写的一个HTML/XML的解析器,它可以很好的处理不规范标记并生成剖 ...

  5. linux工作知识点滴

    1. 要学会使用ldd *.so来查看动态库所依赖的库,以排除一些异常错误. 2. ldconfig是一个动态链接库管理命令,ldconfig命令的用途,主要是在默认搜索目录(/lib和/usr/li ...

  6. 获取WOED和EXCEL的公用方法

    1. 需要传入word地址 /// <summary> /// 获取WORD内容 /// </summary> /// <param name="docFile ...

  7. input 的blur事件之后button的onclick事件不执行解决方案

    最近发现网页程序中有个BUG,就是在input标签输入框中输入完数据后,直接点击“取消” 按钮的时候.出现网页崩死的情况: 经过小主酸菜我,各种方法的尝试后,找到一个初步可以解决的方案,在这里分享给大 ...

  8. GCD一些常用的方法

        //1.创建主线程(串行)     dispatch_async(dispatch_get_main_queue(), ^{         //刷新界面代码     });     //2. ...

  9. jQuery学习笔记(二)jQuery中DOM操作

    目录 DOM操作分类 jQuery中的各种DOM操作 查找节点 创建节点 删除节点 复制节点 替换节点 包裹节点 属性操作 样式操作 对HTML.文本和值的操作 遍历节点 CSS-DOM操作 小结 本 ...

  10. tomcat 7+ 启动慢 熵池阻塞变慢详解

    原因: Tomcat 7/8都使用org.apache.catalina.util.SessionIdGeneratorBase.createSecureRandom类产生安全随机类SecureRan ...