为了账号安全,请及时绑定邮箱和手机立即绑定

动画特效,如何更精简

我想问一下下图的动画特效,如何更精简http://img1.sycdn.imooc.com//5a0f019d0001ed1009880455.jpg

正在回答

1 回答

可以写方法,放到$(function(){})的外面

比如

move(".section4 h4.sport").scale(1.3).end(function(){...})

可以写个方法

function scale(sc){
    move(sc).scale(1.3)
}
//然后调用的时候就是
scale(".section4 h4.sport").end(
    scale(".section4 h4.sport").end(...)
)

这样写的话,应该会比较好些。或者再加个参数type,用来调用两次,afterLoad的时候type为"a",onLeave的时候type为"o"

function scale(sc,type){
    if(type == "a"){
        move(sc).scale(1.3)
    }else if(type == "o"){
        move(sc).scale(1)
    }
}
//然后afterLoad调用的时候就是
scale(".section4 h4.sport","a").end(
    scale(".section4 h4.sport","a").end(...)
)
//然后onLeave调用的时候就是
scale(".section4 h4.sport","o").end(
    scale(".section4 h4.sport","o").end(...)
)

没有亲测过,不知道能不能用,困了,要睡觉啊,我现在能想到的大概就是这样的写法。见笑。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
FullPage.js全屏滚动插件
  • 参与学习       43807    人
  • 解答问题       217    个

基于jQuery的全屏滚动效果插件,让翻页显得格外的高端大气上档次

进入课程

动画特效,如何更精简

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号