Jq文字动态特效实现_Android, Python及开发编程讨论区_Weblogic技术|Tuxedo技术|中间件技术|Oracle论坛|JAVA论坛|Linux/Unix技术|hadoop论坛_联动北方技术论坛  
网站首页 | 关于我们 | 服务中心 | 经验交流 | 公司荣誉 | 成功案例 | 合作伙伴 | 联系我们 |
联动北方-国内领先的云技术服务提供商
»  游客             当前位置:  论坛首页 »  自由讨论区 »  Android, Python及开发编程讨论区 »
总帖数
2
每页帖数
101/1页1
返回列表
0
发起投票  发起投票 发新帖子
查看: 2065 | 回复: 1   主题: Jq文字动态特效实现        下一篇 
shellyC1314
注册用户
等级:少校
经验:1334
发帖:75
精华:0
注册:2015-7-14
状态:离线
发送短消息息给shellyC1314 加好友    发送短消息息给shellyC1314 发消息
发表于: IP:您无权察看 2015-7-21 9:16:26 | [全部帖] [楼主帖] 楼主

利用JqAnimate实现的文字特效效果(大小,位置,透明度等变换)。

var WordDemoHandler={

    DemoOne:function(){

    var mMarginLeft=100;

    for(var i=0;i<$("#demoOne").children().length;i++){

    var target=$($("#demoOne").children()[i]);

    target.animate({marginLeft:mMarginLeft+"px",opacity:1},100+i*100);

    mMarginLeft+=target.width();

    }

    },

    DemoTwo:function(){

    $("#demoTwo>span").animate({marginTop:0+"px",fontSize:35+"px",opacity:1,marginLeft:100+"px"},500);

    },

    DemoThree:function(){

    var mMarginLeft=100;

    for(var i=0;i<$("#demoThree").children().length;i++){

    var target=$($("#demoThree").children()[i]);

    target.animate({marginLeft:mMarginLeft+"px",opacity:1},100+i*100);

    mMarginLeft+=target.width();

    target.animate({fontSize:85+"px"},300,function(){$(this).animate({fontSize:35+"px"},300);});

    }

}

}




赞(0)    操作        顶端