发布价值信息
Wordpress、Software、VPN。。

类似 wow.js 的滚动执行动画插件 JQUERY.FADETHIS.MIN.JS

这篇文章发布时间为2016年12月13日,因年久失修,一些图片或者资源可能已经失效。 如果出现这些问题,请在下面留言,我们会尽快修复。

这款JQ插件与知更鸟的主题效果类似,不过此插件使用方法更加简单,更加轻量级,本来想也给我使用的主题加上,无奈DUX不太适合这种效果,还是懒得折腾了,有兴趣的小伙伴可以折腾折腾。

安装方法:

  1. 先引用jQuery是必须的,不过国内应该大部分主题都已经引用了吧?
     <script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js</a>"></script>
  2. 引用JQ插件
    <script src="dist/jquery.fadethis.min.js"></script>
    
  3. 在footer.php文件添加以下代码调用插件:
    <script>$(window).fadeThis();</script>
    

使用方法:

  1. 出现从左
     <div class="slide-left"></div>
  2. 出现从右
     <div class="slide-right"></div>
  3. 出现从上
     <div class="slide-top"></div>
  4. 出现从下
     <div class="slide-bottom"></div>

高级用法:

  1. 整个页面设置配置
    $(window).fadeThis({speed: 1000}); 
    <div class="slide-left"></div>
  2. 每个块的设置配置
    $('.block').fadeThis({speed: 1000});
    <div class="block">
     <div class="slide-left"></div>
    </div>
    
赞(0) 打赏本站

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
未经允许不得转载:何先生 » 类似 wow.js 的滚动执行动画插件 JQUERY.FADETHIS.MIN.JS
分享到: 更多 (0)

评论 抢沙发

上传图片
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

何先生的博客 专注分享 更优质

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

测试夜间模式中。。晚上体验不好望见谅

何先生自用推荐:Vultr vps

限时:注册即可赠送 $25美元

服务器每月仅需:$5/月

注册