JQuery 自定义动画案例

最新推荐文章于 2023-10-07 01:18:32 发布

Mr_jinhua

最新推荐文章于 2023-10-07 01:18:32 发布

阅读量537

点赞数

分类专栏： JQuery案例总结

本文链接：https://blog.csdn.net/weixin_38849871/article/details/76736918

版权

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>自定义动画</title>

    <script src ="./jq183.js"></script>

</head>

<body>

语法：

animate(params,[speed],[easing],[fn]);

<hr>

<input type="button" value="animate" id="ani">

<br>

<hr>

<!--图片飞走的过程中 透明度逐渐降低 注意 img中的position 样式属性不能没有-->

<img src="./flower1.jpg" alt="" id="re" style="position: relative">

</body>

<script>

  $('#ani').click(function(){

        $('#re').animate(

                {left:"1000", top:"-100",opacity:'0'},

                3000,

                function(){

                    alert("成全你！");

})

});

</script>

</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注