这款 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)

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

支付宝扫一扫打赏

微信扫一扫打赏

×
打赏作者
展开阅读更多

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

表情
图片 链接 代码