看完纪念。不管有没有用,至少我心中有了一个jquery的框架了。
知道它有哪些内容,能做什么,这就够了。
以后用的时候,再慢慢看文档。
知道它有哪些内容,能做什么,这就够了。
以后用的时候,再慢慢看文档。
2017-09-07
不管怎样 , 谢谢老师的课程 , 同时 , 很感谢大家的评论陪着我一起走过来 , 可以说 , 当我学不下去的时候就会看看你们的评论 , 不管是吐槽也好 , 分享知识点也好 , 都是陪我走下去的鼓励 , 很感谢 ^ _ ^
2017-09-07
关于 qq_BlackDatura_0 同学的评论中:
如果把动画队列中的动画都比作一集电视剧,那stop()相当于下一集,stop(true)相当于暂停,stop(true,true)相当于直接跳到片尾曲
感觉最后一句补充一点更好: stop(true true ) 直接调到当前这一集的片尾并且不会自动播放下一集
如果把动画队列中的动画都比作一集电视剧,那stop()相当于下一集,stop(true)相当于暂停,stop(true,true)相当于直接跳到片尾曲
感觉最后一句补充一点更好: stop(true true ) 直接调到当前这一集的片尾并且不会自动播放下一集
2017-09-07
$("button:eq(1)").click(function() {
$("#a2").hide(1000,function(){
alert("隐藏完毕");
})
});
$("button:last").on("click",function(){
$("#a2").show(2000,function(){
alert('已显示出来');
})
})
$("#a2").hide(1000,function(){
alert("隐藏完毕");
})
});
$("button:last").on("click",function(){
$("#a2").show(2000,function(){
alert('已显示出来');
})
})
2017-09-07
看看这个吧,吃不饱看不懂的 就要多找找其他的补充一下喽
http://www.w3school.com.cn/jquery/effect_animate.asp
http://www.w3school.com.cn/jquery/effect_animate.asp
2017-09-06
fadeToggle() 也可以传入第三个可选参数 callback 函数
比如;
$("p").fadeToggle(1000, "linear",function(){
alert("ok")
});
在 被选中的元素 线性淡出之后,会 alert 一定的字符串(这里是 OK)
比如;
$("p").fadeToggle(1000, "linear",function(){
alert("ok")
});
在 被选中的元素 线性淡出之后,会 alert 一定的字符串(这里是 OK)
2017-09-06
有一个比较 toggle slideToggle fadeToggle 的例子,动画比较简单易懂,安利一下
下面是网址
http://www.zhimengzhe.com/Javascriptjiaocheng/320816.html
下面是网址
http://www.zhimengzhe.com/Javascriptjiaocheng/320816.html
2017-09-06
toggle slideToggle fadeToggle 都可以实现元素的动画过渡,但是效果和变化各不相同,仅供参考
toggle对整个元素的可见样式属性进行动画过渡处理
slideToggle对元素做高与透明度过渡处理
fadeToggle对元素仅做透明度过渡处理
toggle对整个元素的可见样式属性进行动画过渡处理
slideToggle对元素做高与透明度过渡处理
fadeToggle对元素仅做透明度过渡处理
2017-09-06
Down 是 下来,可以从 没显示 变为 显示; Up 为 上去 ,可以从 显示 变为 不显示 ,不知道这样理解对不对,请教各位
2017-09-06
最新回答 / 北城慕容雪
$(".right").attr('style','display: block !important').toggle(3000)有从显示到隐藏的动画,但是$(".right").attr('style','display: block !important').show(3000)没有动画,而且最终都是隐藏,不能显示,不知道什么情况
2017-09-06
下面例子实现相同效果
<div id="a3">hide动画操作</div>
<button id="self">hide带动画</button>
<script type="text/javascript">
$("#self").click(function(){
$("#a3").hide(1500,function(){
alert('this is my test');
});
})
</script>
<div id="a3">hide动画操作</div>
<button id="self">hide带动画</button>
<script type="text/javascript">
$("#self").click(function(){
$("#a3").hide(1500,function(){
alert('this is my test');
});
})
</script>
2017-09-06