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 ...
随机推荐
- Firebug 学习使用教程
Firebug是Firefox下的一个扩展,能够调试所有网站语言,如Html.Css等,但FireBug最吸引人的就是JavaScript调试功能,除此之外,还有对Dom的查看与调试,网站整体分析等其 ...
- Java使用DatagramSocket
转自:http://book.51cto.com/art/201203/322540.htm Java使用DatagramSocket代表UDP协议的Socket,DatagramSocket本身只是 ...
- [转] How to debug a ARM Cortex-M hard fault exception
how to debug a ARM Cortex-M hard fault exception
- 勇者斗恶龙UVa11292 - Dragon of Loowater
https://uva.onlinejudge.org/index.php?option=com_onlinejudge&Itemid=8&category=24&page=s ...
- $().each 和表单事件的坑
在用each循环时 1.想结束循环 return false 2.想跳过某循环 return 3.想跳出function 不行,请切换成其他循环如 for 使用form表单事件 1.必须要有submi ...
- GoLang语言
1 Go语言基础 1.1 语法详解 1.1.1 注释 /* regexp 包为正则表达式实现了一个简单的库. 该库接受的正则表达式语法为: 正则表达式: 串联 { '|' 串联 } 串联: { 闭包 ...
- this关键字简单应用
class PersonDemo3 { public static void main(String[] args) { Person p=new Person("张三",22); ...
- scoi2010&&bzoj1858序列操作
[题目描述] lxhgww最近收到了一个01序列,序列里面包含了n个数,这些数要么是0,要么是1,现在对于这个序列有五种变换操作和询问操作: 0 a b 把[a, b]区间内的所有数全变成0 1 a ...
- SQL(oracle) 取得分组后最大值记录
方法一 select t1.a,t1.b,t1.c from test t1 inner join (seelct a,max(b) as b from test group by a) t2 on ...
- smarty模板引擎
1. 使用smarty 1.1 项目引入 // 3, 连接数据库,提取相关数据 $title = "Smarty模板引擎"; $content = "Smarty模 ...