HTML & CSS » SMOKE插件:为Bootstrap增加表单提醒、页面进度、提醒等功能

SMOKE插件:为Bootstrap增加表单提醒、页面进度、提醒等功能

发表于: HTML & CSS. 评论 (1)
赞助商链接

今天介绍的Smoke jQuery插件件适于Bootstrap 3版的前端框架,主要是扩展了BOOTSTRAP 3目前没有的功能,而且效果很不错。

Smoke 插件新增加效果有:

  • 表单验证
  • 浮动提示框
  • 流行的页面加载进度条效果
  • 全屏效果
  • Panel面板增加全屏、最小化和关闭功能
  • Helpers功能(获取当前数值、URL、日期)

SMOKE for bootstrap 3 插件

下面小编来些截图给大家看看,或者你会喜欢上这个插件。

表单验证

SMOKE for bootstrap 3 插件

浮动提示框

这是浮动提示框(气泡提示框)点击提交按钮后,会显示在屏幕的右上角,可手动关闭,或几秒后自动关闭,有4种气泡风格。

SMOKE for bootstrap 3 插件

还有一种就是弹出确认框后,再提示:

SMOKE for bootstrap 3 插件

页面进度条

SMOKE for bootstrap 3 插件

可以自定义进度条的显示区域哦:

SMOKE for bootstrap 3 插件

全屏功能

点击全屏按钮后,页面会自动全屏。

SMOKE for bootstrap 3 插件

Panel面板增加功能

Panel增加了最小化、关闭、和全屏样式,这个挺实用的。

SMOKE for bootstrap 3 插件

SMOKE文件目录,可以看出它是有语言包的,所以你把其中一个语言包修改为中文即可。

SMOKE for bootstrap 3 插件

好了,如果喜欢这个插件,请进入DEMO站查看吧!

插件名称:SMOKE (适用于Bootstrap 3框架)
演示&下载:在线演示 | Github下载页
推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论One Response to “SMOKE插件:为Bootstrap增加表单提醒、页面进度、提醒等功能”

  1. 青衿 - 回复

    很不错,谢谢分享!


Leave a Reply to 青衿