Jquery数字切换特效详解编程语言
2023-06-13 09:20:24 时间
$(t).append(" span "childNumber/" "+array[i]+"");
$(t).css("margin-left",18*i+"px");
$(NumbersAnimate.Target).append(t);
//生成滚动数字,根据当前数字大小来定
for(var j=0;j =currentN;j++){
var tt;
if(j==currentN){
tt=$(" span "main/" span "+j+"");
}else{
tt=$(" span "childNumber/" "+j+"");
$(t).append(tt);
$(tt).css("margin-top",(j+1)*25+"px");
$(t).animate({marginTop:-((parseInt(currentN)+1)*25)+"px"},NumbersAnimate.Duration,function(){
$(this).find(".childNumber").remove();
});
ChangeNumber:function(numbers){
var oldArray=NumbersAnimate.Numbers.toString().split("");
var newArray=numbers.toString().split("");
for(var i=0;i oldArray.length;i++){
var o=oldArray[i];
var n=newArray[i];
if(o!=n){
var c=$($(".main")[i]);
var num=parseInt($(c).html());
var top=parseInt($($(c).find("span")[0]).css("marginTop").replace(px, ));
for(var j=0;j j++){
var nn=$(" span "+j+"");
if(j==n){
nn=$(" span "+j+"");
}else{
nn=$(" span "yy/" "+j+"");
$(c).append(nn);
$(nn).css("margin-top",(j+1)*25+top+"px");
var margintop=parseInt($(c).css("marginTop").replace(px, ));
$(c).animate({marginTop:-((parseInt(n)+1)*25)+margintop+"px"},NumbersAnimate.Duration,function(){
$($(this).find("span")[0]).remove();
$(".yy").remove();
});
NumbersAnimate.Numbers=numbers;
RandomNum:function(m,a){
var Range = a - m;
var Rand = Math.random();
return(m + Math.round(Rand * Range));
QQ图片20150703091425.png
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8588.html
cjava相关文章
- 7个有用的jQuery代码片段分享详解编程语言
- 关键字检索高亮标出-javasript/jQuery代码实现详解编程语言
- JQuery日历插件My97DatePicker日期范围限制详解编程语言
- Jquery实现鼠标移到某个对象,弹出显示层。详解编程语言
- jQuery实现密码强度检测详解编程语言
- JQuery Tips(4)—-一些关于提高JQuery性能的Tips详解编程语言
- jquery基础详解编程语言
- jQuery 3.3.1已经发布,开发团队正在准备4.0版本详解编程语言
- JQuery 的Bind()事件详解编程语言
- 使用 jquery 获取一组或者单个 checkbox 的选中状态的值详解编程语言
- jQuery 的 live() 方法对 hover 事件的处理详解编程语言
- jQuery的animate动画方法详解编程语言
- Jquery中的.post和 .ajax两个方法的区别是什么详解编程语言
- jquery 获取标签名(tagName)详解编程语言
- jQuery UI框架详解编程语言
- jQuery事件处理及实现函数详解编程语言
- 在jquery中怎么使用css类名和id来获取元素详解编程语言
- Jquery表单验证插件validate详解编程语言
- jquery实现BootStrap的弹出框拖动,及鼠标滚轮改变BootStrap的弹出框大小详解编程语言
- jquery 事件详解编程语言
- jquery地区选择插件详解编程语言
- jquery layui的巨坑详解编程语言