jQuery多效果标签插件flyLabel

jQuery多效果标签插件flyLabel

flyLabel一个基于jquery库的多效果lable标签插件,也许你很少用lable标签,或是用了也不在意它使用什么样的效果来展示,此刻,flyLable来了,正所像名字一样,fly,此插件就是让标签实现不同的飞入效果,让你的网页增添加多的效果,当然这里的动画全是CSS制作的,所以请用现代浏览器来浏览。

如何使用

引入核心文件

<script src="/demo/vendor/jquery.min.js"></script>
<script src="/dist/flyLabel.min.js"></script>

构建html

<div class="fly-group">
   <label for="drop" class="fly-label drop">First Name</label>
   <input type="text" name="drop" class="fly-input" placeholder="First Name">
</div>

写入JS初始化插件

 if (Modernizr.input.placeholder) {
    $('body').flyLabels();
  }

当然,你可以在容器元素内调 用flyLabels()和所有的样式类,fly-group将自动完成动理效果。

下载地址:本站下载 | 百度云 | 官方下载

Comments are closed.