javascript - 点击按钮使div显示隐藏有动画,点击显示但是收不回去。-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

javascript - 点击按钮使div显示隐藏有动画,点击显示但是收不回去。

大家讲道理 2017-05-19 10:19:06

[JavaScript讨论组]

413

$(function(){
$(".span").click(function(){

$(".position").animate({left:'0'});
$('.postion').toggleClass('.blue');

});
$(".span").click(function(){

$(".blue").animate({left:'-360px'});

});
})

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(1)

怪我咯2017-05-19 10:21:06 1楼

默认情况下 .span{

left: 100%;  // 默认是隐藏，可根据需求改变left的值
-webkit-transition: left .5s cubic-bezier(0.1, 0.57, 0.1, 1);

}

点击显示时，为元素add一个class或toggle
.page-slideLeft {

-webkit-transition: left .5s cubic-bezier(0.1, 0.57, 0.1, 1);
left: 0;

}

最后，不是我踩的你，我从来不踩人O(∩_∩)O~

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

PHP学习

技术支持

返回顶部