SweetAlert2强大的纯Js模态消息对话框插件

ADMIN 2018-07-29 1949 次浏览
简要教程SweetAlert2是一款功能强大的纯Js模态消息对话框插件。SweetAlert2用于替代浏览器默认的弹出对话框,它提供各种参数和方法,支持嵌入图片,背景,HTML标签等,并提供5种内置的情景类,功能非常强大。SweetAlert2是SweetAlert-js的升级版本,它解决了SweetAlert-js中不能嵌入HTML标签的问题,并对弹出对话框进行了优化,同时提供对各种表单元素的支持,还增加了5种情景模式的模态对话框。安装可以通过bower或npm来安装sweetalert2对话框插件。bower install sweetalert2 npm install sweetalert2使用方法使用SweetAlert2对话框需要在页面中引入sweetalert2.min.css和sweetalert2.min.js文件,为了兼容IE浏 [...]

使用CSS3的@media来实现网页自适应

ADMIN html5 , css3 , 自适应 2017-03-03 1782 次浏览
如今,电脑显示器的屏幕分辨率向越来越大发展,而手机等移动设备终端的分辨率却不可能大到哪里去。越来越多的网站,开始让自己的页面自适合各种分辨率,在小分辨率下显示基本的内容,在大分辨率下显示全部功能,甚至是分多等级的多版本。作为web前端开发人员需要知道并且会用这种知识。css2的@mediacss2里面虽然支持@media属性,但是能实现的功能比较少,一般只用做打印的时候做特殊定义的CSS。语法: @media sMedia { sRules }说明:sMedia :  指定设备名称。请参阅附录:设备类型sRules :  样式表定义指定样式表规则用于指定的设备类型。请参阅link对象的media属性(特性)。示例:// 设置显示器用字体尺寸 @media screen { BODY {font-size:12pt; } } //&n [...]

tag-it基本语法

ADMIN tagit , javascript , jquery 2017-02-22 1635 次浏览
Tag-it: a jQuery UI pluginTag-it is a simple and configurable tag editing widget with autocomplete support.HomepageDemoCheck the examples.html for several demos and the prototype.js file for a JavaScript prototype with all options and events.UsageFirst, load jQuery (v1.4 or greater), jQuery UI (v1.8 or greater), and the plugin:<script src="http: [...]

JqueryTag编辑,选择标签

ADMIN php , jquery , tagit 2017-02-25 1913 次浏览
分享一个自己利用Jquery做的选择,编辑标签,可以用在很多地方。比如可以用在浮动多选,单选等需求的地方。示例演示地址在下方。HTML:1 [...]