- 浏览: 255137 次
最新评论
文章列表
作者: 阮一峰
网页布局(layout)是CSS的一个重点应用。
布局的传统解决方案,基于盒状模型,依赖 display属性 +
实例
让第二个元素的宽度为其他元素的三倍:
div:nth-of-type(1){flex-grow:1;}
div:nth-
该教程整理自 阮一峰Flexible教程
今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。
我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。
一、骰子的布局
骰子的一面,最多可以放置9个点。
下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。
如果不加说明,本节的HTML模板一律如下。
实例
让所有弹性盒模型对象的子元素都有相同的长度,忽略它们内部的内容:
#main div
{
flex:1;
}
复制
效果预览
soChange一款多很经典的幻灯片的jQuery插件。
实例预览
引入文件
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
<script
ThinkPHP Ajax分页代码
publicfunction index()
{
$where=array();
$name = I('name');
if(!empty($name)){
在线实例
实例演示
使用方法
<div id="star"></div>
复制
$('#star').raty();
datepicker可以为bootstrap添加一个事件选择控件,适用于任何需要调用的场合,支持多种事件格式输出(比如:dd, d, mm, m, yyyy, yy等),是制作网页不可缺失的插件。
Requirements
Bootstrap 2.0.4+
jQuery 1.7.1+
在线实例
实例演示
使用方法
<input id="datetimepicker" type="text" >
复制
$('#datetimepicker'
在线实例
实例演示 默认
实例演示 每周第一天
实例演示 输入框插件
实例演示 HTML data 属性
实例演示 回调函数1
实例演示 回调函
ClockPicker.js是一款时钟插件,其实还可以改进,里面的分可以改成短横线。
在线实例
实例预览 jQuery ClockPicker 圆形时钟
使用方法
<div class="input-group clockpicker">
<input type="text" class
她基于原生JavaScript精心雕琢,兼容了包括IE6在内的所有主流浏览器。她具备优雅的内部代码,良好的性能体验,和完善的皮肤体系,并且完全开源,你可以任意获取开发版源代码,一扫某些传统日期控件的封闭与狭隘。layDate本着资源共享的开发者精神和对网页日历交互无穷的追求,延续了layui一贯的简单与易用。她遵循LGPL协议,您可以免费将她用于任何个人项目。
版本 LayDate 1.1
作者:闲心贤
github
在线实例
实例预览 layDate - js日期控件与时间插件演示
实例预览 layDate 日
uploadify这个插件是基于js里面的jquery库写的。结合了ajax和flash,实现了这个多线程上传的功能。现在最新版为3.2.1。
在线实例
实例预览 Uploadify 在线实例Demo演示
实例中用到的php文件UploaderDemo.php请在页面下方下载
引入文件
<link rel="stylesheet" type="text/css" href=
jQuery.AutoComplete是一个基于jQuery的自动补全插件。借助于jQuery优秀的跨浏览器特性,可以兼容Chrome/IE/Firefox/Opera/Safari等多种浏览器。
特性一览:
支持补全列表的宽度设定。
支持补全列表的最大高度设定。
支持补全列表的行数限制。
支持补全列表的显示位置及方向的设定。
支持自定义匹配规则。
支持匹配文本的渲染。
支持自定义匹配文本的渲染样式。
支持补全列表的样式设定。
支持自定义补全列表项的创建。
支持多种数据源。
支持'json'和'xml'两种数据格式。
支持异步处理。
支持错误调试。
支持j ...
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。
兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+
版本:
jQuery v1.7+
jQuery Validation Engine v2.6.2
相对 2.2.4 版本的一些区别:
部分参数功能发生变化;
输入控件可以不写 id 属性;
参数 onSuccess 和 onFailure 改为只在表单提交时触发;
验证规则 past[date](过去) 与 futu ...