美文网首页
jquery动画

jquery动画

作者: 岁月悄然飞逝徒留回忆_54a5 | 来源:发表于2018-11-06 19:22 被阅读0次

    语法结构 $(selector).animate({params},speed,callback);

    必需的 params 参数定义形成动画的 CSS 属性。
    可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
    可选的 callback 参数是动画完成后所执行的函数名称。
    下面的例子演示 animate() 方法的简单应用。它把 <div> 元素往右边移动了 250 像素:
    jQuery animate() - 操作多个属性
    请注意,生成动画的过程中可同时使用多个属性:
    实例
    ("button").click(function(){("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
    });
    });
    jQuery animate() - 使用相对值
    也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上 += 或 -=:
    实例
    ("button").click(function(){("div").animate({
    left:'250px',
    height:'+=150px',
    width:'+=150px'
    });
    });

    相关文章

      网友评论

          本文标题:jquery动画

          本文链接:https://www.haomeiwen.com/subject/zyfpxqtx.html