欢迎您来到懒之才-站长的分享平台!   学会偷懒,并懒出境界是提高工作效率最有效的方法!
首页 > 教程文档 > Jquery > 动画

动画

2018-05-10 558 收藏 0 赞一个 0 真差劲 0 去评论

js就是这样一门语言,你可以说它很简单,会一点C就能编写代码;你也可以说它很难,丰富强大灵活;不屑者说它只能做些跑马灯、鼠标环绕的“雕虫小技”;高手用它来制作“星际争霸”游戏。

jQuery中另一个颇具特色的便是它简单易用实用的动画效果。之前曾自己写窗体循环滚动写了两天还是无法兼容ff。–!!!

show([arg])//将元素display属性置为除none之外的值,具体记忆功能; hide([arg])//将元素display属性置为none

以上两个函数均可带参数,一类是关键字参数:slow,normal,fast;一类是数值参数。如show(1000)表示在1秒钟之内将元素由隐藏置为显示,

slow -> 600,normal -> 400,fast -> 200

fadeIn([arg])//提升已降低透明度的元素,直到显示;即“淡出”;

fadeOut([arg])//降低元素透明度,直至隐藏,style值为"none";即 “淡入”

$("p").mouseover(function(){    
    if($(this).is(":visible")){    
        $(this).fadeOut(1000,function(){    
            alert($(this).is(":visible"));//false  
            alert($(this).css("display"));//none  
        });    
    }    
});

slideUp()//元素由下到上缩短隐藏

slideDown()//元素由上到下伸展

<script type="text/javascript">    
 $(function(){    
     $("h2").toggle(function(){    
         $(this).next("p").slideUp();    
     },function(){    
     $(this).next("p").slideDown();    
     });?    
 });    
 </script>    
 <h2>点击出现</h2>    
 <p style=" height:60px; background:#faa; border:solid 1px #d00;">一段文字</p>


返回主目录
暂无界面图片

一、推荐使用迅雷或快车等多线程下载软件下载本站资源。

二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。

三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!

四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.

五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。

六、如需转载本站资源,请注明转载来自并附带链接

七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com

大家评论