<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. 妈妈再也不担心我的编码问题了。中文编码融汇贯通,windows,django,python,java,html 【转】

    http://blog.csdn.net/farmer_cc/article/details/41830999 HTML编码:html文件是utf-8编码的,不确定的话用记事本打开,另存为的时候就能够 ...

  2. jquery 提交From表单

    /** * 异步提交From */ function ajaxSubmitFrom (btnId,fromId,url){ $(btnId).click(function () { var optio ...

  3. 深度系统deepin使用初体验

    最近使用linux系统比较多,因为很多项目要用到,而且厌烦了windows流氓软件各种广告的繁琐,因此决定在自己的本子上安装linux系统.然后了解到了deepin操作系统,竟然是武汉一个公司发行的版 ...

  4. Dynamics AX 2012 R2 通过数据源保存记录时触发的方法

    我们都知道,在窗体上保存记录时,会像在表上保存时一样,触发很多方法.这里Reinhard找到了一个流程图,看看都触发了哪些方法,并且这些方法是以怎样的顺序被触发的. 窗体上数据源的Validate() ...

  5. presto的动态化应用(一):presto节点的横向扩展与伸缩

    一.presto动态化概述 近年来,基于hadoop的sql框架层出不穷,presto也是其中的一员.从2012年发展至今,依然保持年轻的活力(版本迭代依然很快),presto的相关介绍,我们就不赘述 ...

  6. 在jquery的ajax中添加自定义的header信息

    转自网络 1 $.ajax({ type: "POST", url: "http://192.168.0.88/action.cgi?ActionID=WEB_Reque ...

  7. android xml中的xliff属性

    <resources xmlns:android="http://schemas.android.com/apk/res/android" xmlns:xliff=" ...

  8. session详解

    什么是Session 对Tomcat而言,Session是一块在服务器开辟的内存空间,其存储结构为ConcurrentHashMap: Session的目的 Http协议是一种无状态协议,即每次服务端 ...

  9. 我的第一个WebAPI程序

    最近在小武哥的带领下,我去接触了一下WebAPI,虽然说有点晚了,但是我还是学了一下,有点心得吧! 步骤: 1:在Visual Studio 2012中新建MVC4项目,在App_Start目录下有一 ...

  10. [TCPIP] 传输控制协议 Note

    TCPIP  TCP 传输控制协议 TCP提供一种面向连接的,可靠的字节流服务. 面向连接意味着两个使用TCP的应用在传输数据之前先建立一个TCP连接,这个过程跟打电话相似.在一个TCP连接中仅有两方 ...