这款 JQ 插件与知更鸟的主题效果类似,不过此插件使用方法更加简单,更加轻量级,本来想也给我使用的主题加上,无奈 DUX 不太适合这种效果,还是懒得折腾了,有兴趣的小伙伴可以折腾折腾。
安装方法:
- 先引用 jQuery 是必须的,不过国内应该大部分主题都已经引用了吧?
<
script
src
=
"http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"
></
script
>
- 引用 JQ 插件:
<
script
src
=
"dist/jquery.fadethis.min.js"
></
script
>
- 在 footer.php 文件添加以下代码调用插件:
<script>$(window).fadeThis();</script>
使用方法:
- 出现从左
<
div
class
=
"slide-left"
></
div
>
- 出现从右
<
div
class
=
"slide-right"
></
div
>
- 出现从上
<
div
class
=
"slide-top"
></
div
>
- 出现从下
<
div
class
=
"slide-bottom"
></
div
>
高级用法:
- 整个页面设置配置
$(window).fadeThis({speed: 1000});
<
div
class
=
"slide-left"
></
div
>
- 每个块的设置配置
$('.block').fadeThis({speed: 1000}); <div class="block"> <div class="slide-left"></div> </div>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容