这是当下很流行的效果,把 CSS3 动画整合到按钮中,这款 jQuery 插件就是帮助你实现这种效果的。
这个简单的jQuery插件的显示按钮的图标作为数据被从服务器获取。(点击按钮上方的一个演示超时2秒模仿一个服务器负载)。
按钮的标记是简单的:
类洛达按钮和图标是由洛达插件用于风格的按钮。再次,造型是相当简单的,在loda-button.css。样式表的可重写的部分可以随你喜欢。不可重写的位设置按钮的动画。
创建按钮正常使用jQuery的风格:
启动按钮,启动图标动画,电话:
并停止动画:
动画是利用CSS3动画的创建,过渡和转换,这是由Chrome,Firefox,Opera支持,和IE10。
你可以在GitHub上找到一个工作的例子。
从icomoon图标字体。一个插件的jQuery UI版本,检查洛达按钮的用户界面。
“lugolabs鸣叫
快乐的编码!
<a href="#" class="loda-btn"> <span aria-hidden="true" class="loda-icon icon-mail"></span> Mail </a>
var lodaBtn = $('#loda-btn').lodaButton();
lodaBtn.lodaButton('start');
lodaBtn.lodaButton('stop');
热门源码