当前位置:首页 > 插件工具 > jQuery插件 >

一款把 CSS3 动画整合到按钮中jQuery插件

时间:2013-11-25 14:29 来源:互联网 作者:源码搜藏

这是当下很流行的效果,把 CSS3 动画整合到按钮中,这款 jQuery 插件就是帮助你实现这种效果的。


这个简单的jQuery插件的显示按钮的图标作为数据被从服务器获取。点击按钮上方的一个演示超时2秒模仿一个服务器负载

按钮的标记简单的

<a href="#" class="loda-btn"> <span aria-hidden="true" class="loda-icon icon-mail"></span> Mail </a>

类洛达按钮和图标是由洛达插件用于风格的按钮。再次,造型是相当简单的,在loda-button.css。样式表的可重写的部分可以随你喜欢。可重写的设置按钮的动画

创建按钮正常使用jQuery的风格

var lodaBtn = $('#loda-btn').lodaButton();

启动按钮,启动图标动画电话

lodaBtn.lodaButton('start');

并停止动画

lodaBtn.lodaButton('stop');

动画是利用CSS3动画的创建,过渡和转换这是由ChromeFirefoxOpera支持IE10

你可以在GitHub上找到一个工作的例子

从icomoon图标字体。一个插件的jQuery UI版本检查洛达按钮的用户界面

lugolabs鸣叫

快乐的编码


本站资源仅限于学习研究,严禁从事商业或者非法活动! 源码搜藏网所有源码来自互联网转载与用户上传分享,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

jQuery插件下载排行

最新文章