jQuery滚动数字
<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滚动数字的更多相关文章
- jQuery用户数字评分效果
		效果预览:http://hovertree.com/texiao/jquery/5.htm HTML文件代码: <!DOCTYPE html> <html xmlns="h ... 
- vue setTimeout用法  jquery滚动到某一个div的底部
		//vue 中setTimeOut用法 var $this = this; setTimeout(function(){ $this.goEnd() }, 10); goEnd:function(){ ... 
- 基于jQuery的数字键盘插件
		有时,我们需要在网页上使用软键盘.今天,就给大家带来一个基于jQuery的数字键盘插件,除了jQuery,不需要依赖任何文件资源.纯数字键盘,有退格,有清除,不支持输入小数(需要的可以自己改一下,主要 ... 
- jQuery动态数字翻滚计数到指定数字的文字特效代码
		<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ... 
- Palindrome--poj 1159(最长公共子字符串+滚动数字)
		http://poj.org/problem?id=1159 题目大意: 给你一个n 代表n个字符 第二行给你一个字符串 求使这个字符串变成回文字符串 最少需要添加多少个字符 分析: 原 ... 
- jQuery页面滚动数字增长插件
		<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ... 
- jquery 动态数字滚动
		1.引入jQuery <script src="js/jquery.min.js"></script>2.html <div id="cou ... 
- 用jQuery实现数字滚动效果
		html 部分 <div class="js-box box"></div> css 部分 .statistic .box{ display: inline ... 
- jquery轻量级数字动画插件jquery.countup.js
		插件描述: jquery.countup.js 是一款轻量级jquery数字动画插件.该数字动画插件可以在页面滚动时,将指定的数字从0开始计数增加动画. 插件说明 jquery.countup.js ... 
随机推荐
- [转]在windows环境中使用varnish
			varnish 的windows 版本下载地址: http://sourceforge.net/projects/cygvarnish/files/windows-zip-bundle/ 启动:var ... 
- LayaAir学习笔记
			1.Text文本类 var Text=laya.display.Text; Laya.init(620,400); Laya.stage.bgColor="#323232";//设 ... 
- CSS 样式优先级
			首先,选择器优先级顺序 优先级逐级增加的选择器列表: 通用选择器(*) 元素(类型)选择器 类选择器 属性选择器 伪类 ID 选择器 内联样式 !important 规则例外,该样式声明会覆盖CSS中 ... 
- MySQL使用规范
			一. 表设计类 强制类规范 1. 创建表的存储引擎必须是InnoDB. 2. 每个表必须显式的指定一个主键. 3. 不允许使用联合主键. 4. 不允许使用外键. 5. 不允许存在和主键重复的索引 ... 
- Linux /dev目录详解和Linux系统各个目录的作用
			Linux /dev目录详解(转http://blog.csdn.net/maopig/article/details/7195048) 在linux下,/dev目录是很重要的,各种设备都在下面.下面 ... 
- ECMA中的switch语句
			switch借鉴自其他语言,但也有自己的特色. 1.可以在switch语句中使用任何数据类型(数值.字符串.对象等),很多其他语言中只能使用数值. 2.每个case的值不一定是常量,可以是变量或者表达 ... 
- 一个ubuntu phper的自我修养(杂记)
			ubuntu使用杂记 1.flatabulous安装使用. flatabulous是一个ubuntu图标主题. 使用它,必须得安装tweak插件. sudo add-apt-repository pp ... 
- .dtsi .dts  dtc dtb 是什么
			基础 .dts: device tree source .dtsi: device tree source include .dts比作源文件,.dtsi比作头文件. dtc是linux源码 /s ... 
- 内置函数callable(object)
			如果对象object参数是可以调用的对象,就返回True:否则返回False.不过要注意的是,当一个对象是可以调用的,并不表示调用该对象时执行一定成功,但不可调用的对象去调用时一定不会成功.如果类对象 ... 
- iOS解决NSData转NSString后字符为空
			iOS中,将NSData转NSString的一般方法为[[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];但是当dat ... 
