为了账号安全,请及时绑定邮箱和手机立即绑定
  • fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。 元素是淡出显示的,fadeToggle() 会使用淡入效果显示它们。 元素是淡入显示的,fadeToggle() 会使用淡出效果显示它们。
    查看全部
  • toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性 slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性
    查看全部
  • toggle:切换显示与隐藏效果 sildeToggle:切换上下拉卷滚效果 fadeToggle:切换淡入淡出效果
    查看全部
  • 让元素保持动画效果,执行opacity = 0.5的效果时,选择用fadeTo
    查看全部
  • .fadeOut( [duration ], [ complete ] )
    查看全部
  • var v = $("animation").val(); 定义一个V 等价于 一个定义的id var 变量名 =$("id名").val()
    查看全部
  • 轮播图 var count; $(document).ready(function(){ count= $(".main a").length; /*给动态变化的i备用*/; //创建一个showTime函数 function showTime(){ //定时器 timer = setInterval(function(){ //调用一个Show()函数 Show(); i++; //当图片是最后一张的后面时,设置图片为第一张 if(i==5){ i=0; } },2000); } //创建一个Show函数 function Show(){ //在这里可以用其他jquery的动画 $('.ig').eq(i).fadeIn(300).siblings('.ig').fadeOut(300); //给.tab创建一个新的Class为其添加一个新的样式,并且要在css代码中设置该样式 $('.tab').eq(i).addClass('bg').siblings('.tab').removeClass('bg'); /* * css中添加的代码: * .bg{ background-color: #f00; } * */ } //鼠标点击左侧的箭头 $('.btn1').click(function(){ clearInterval(timer); if(i == 0){ i = count;//注意此时i的值 } i--; Show(); showTime(); }); //鼠标点击右侧的箭头 $('.btn2').click(function(){ clearInterval(timer); //console.log(count-1); if(i == count-1){ i = -1;//注意此时i的值 } i++; Show(); showTime(); }); });
    查看全部
  • <script type="text/javascript"> //点击button //执行3秒隐藏 //执行3秒显示 $("button:last").click(function() { $("#a2").slideDown(3000,function(){ alert('动画执行结束') }) }); </script>
    查看全部
  • <script type="text/javascript"> //点击buttom2 执行动画隐藏 $("button:last").click(function() { $("#a2").hide({ duration: 3000, complete: function() { alert('执行3000ms动画完毕') } }) }); </script>
    查看全部
  • get方法还可以从后往前索引,传递一个负索引值。负索引的起始值是-1.
    查看全部
  • stop():只会停止第一个动画,第二个第三个继续 stop(true):停止第一个、第二个和第三个动画 stop(true ture):停止动画,直接跳到第一个动画的最终状态,不再执行
    查看全部
  • .animate( properties ,[ duration ], [ easing ], [ complete ] ) .animate( properties, options ) properties:一个或多个css属性的键值对所构成的Object对象。要特别注意所有用于动画的属性必须是数字的,除非另有说明;比如常见的,border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以,因为参数是red或者GBG这样的值,非常用插件,否则正常情况下是不能只用动画效果的。注意,CSS 样式使用 DOM 名称(比如 "fontSize")来设置,而非 CSS 名称(比如 "font-size")。
    查看全部
  • jQuery中toggle与slideToggle以及fadeToggle 隐藏的元素不会被完全显示(不再影响页面的布局)
    查看全部
  • <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    查看全部
  • fadeOut在淡出动画duration中,element的height和width是不改变的,当淡出动画complete,display属性也变为none。
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的动画处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!