当前位置:首页 > 技术文章 > 正文内容

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

arlanguage2周前 (04-23)技术文章12

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

Smoke 插件新增加效果有:

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

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

表单验证

浮动提示框

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

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

页面进度条

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

全屏功能

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

Panel面板增加功能

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

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

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

文章来源:设计达人

SEO研究协会网,SEO行业第一门户,最权威的SEO技术研究和学习平台。我是总编田云,微信号:tianyun475328968有问题可以微信私聊我。

扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/4084.html

标签: jquery表单
分享给朋友:

“SMOKE插件:为Bootstrap增加表单提醒、页面进度等” 的相关文章

Docker安装Nginx教程使用实战教程

课件视频教程地址:Docker安装NginxDocker最新全部教程:Docker最新全系列教程Docker安装基本安装(不带数据卷)拉取Nginx镜像docker pull nginx:latest查看本地镜像列表(即可看到nginx)docker images运行容器docker run --n...

Docker搭建开发环境(Nginx+MySQL+PHP)

注意事项1、像MySQL配置文件、Nginx配置文件、网站根目录这种比较经常操作的需要先使用 docker cp 将文件从容器里复制到主机目录,docker run的时候直接挂载目录就可以了2、docker run MySQL和Nginx的时候注意使用 --link实现容器之间通信3、运行容器的时候...

Nginx安装与调优部署文档(WinServer)

1. 安装环境准备1.1 部署规划软件安装路径 E:\nginx软件日志路径 E:\nginx\logs软件主配置文件路径 E:\nginx\conf软件子配置文件路径 E:\nginx\conf\conf.d软件站点配置路径 E:\nginx\html端口规划 802. Nginx安装部署2.1...

http请求域名强制跳转https

网站添加了https证书后,当http方式访问网站时就会报404错误,所以需要做http到https的强制跳转设置. ---------------一、采用nginx的rewrite方法--------------------- 下面是将所有的http请求通过rewrite重写到https上。 例如...

一般人绝对无法发现的nginx锅

nginx热启动:nginx -s reloadPS:要在/etc/profile环境变量PATH里配置nginx的路径。配置完执行 source /etc/profile 让变量生效。 一次部署,同样的前端代码,放到了nginx里面运行,但是有一个模块全部页面都报这个错误,其他模块正常展示。以前遇...

nginx+spring boot 微服务实现负载均衡

环境准备项目 JDK1.8 以上版本准备好 nginx 环境nginx 配置nginx 的配置文件在/usr/local/nginx/conf 目录下,配置文件 nginx.conf配置信息如下:upstream web_app { server 192.168.226.150:8089 ma...