jq 自定义动画animate
来源:互联网 发布:淘宝宠物店推荐 编辑:程序博客网 时间:2024/05/21 18:21
点击打开链接
<style>
.box1{
width: 200px;
height: 200px;
background: deeppink;
}
.box2{
width: 200px;
height: 200px;
background: chartreuse;
position: absolute;
left: 0;
top: 0;
}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
</body>
<script src="js/js/jquery-1.12.4.min.js"></script>
<script src="js/js/jquery.easing.1.3.js"></script>
<script >
$('.box1').on('mouseover',function(){
$(this).animate({width:400,height:400},'slow','easeInOutBack',function()
{
console.log('我是回调函数');
});
});
$('.box2').on('mouseover',function(){
$(this).animate({left:500},'slow',function(){
$(this).animate({top:500},'slow',function(){
$(this).animate({left:0},20000,function(){
$(this).animate({top:0},'slow');
});
});
});
});
</script>
- jq 自定义动画animate
- jQ animate队列动画
- JQ 的animate动画详解
- jq animate动画,导航文字动画
- jquery自定义动画-animate()
- jquery自定义动画animate()
- jquery自定义动画animate()
- JQuery 自定义动画( animate() )
- jQuery动画---自定义动画animate()
- JQuery自定义动画animate方法
- JQuery自定义动画animate方法
- jQuery animate() 自定义的动画。
- JQ自定义动画
- jq-05动画&自定义动画
- jquery.animate自定义动画的函数
- jQuery 效果 - animate() 方法 自定义动画效果
- jquery animate自定义动画的使用感受
- 8.jquery animate方法自定义动画
- 10月25日 c语言 找到10000以内所有完数
- flask web开发-用户认证代码分析(三)
- Apache服务器的下载与安装
- Swift委托代理实现
- FastCgi与PHP-fpm之间是个什么样的关系
- jq 自定义动画animate
- 用单个控件进行轮播
- Java面试题全集(中)
- 纪念我的zadas bug之一
- angular实现商品购物
- java 多线程notify wait 注意事项
- Okhttp框架的使用
- andriod 调用系统电话
- ceph bufferlist