目前正在进行响应式网页前端设计,这两个插件给我减少了很多工作量
1、首页大图切换的响应式banner
Fotorama:A simple, stunning, powerful jQuery gallery.
站点: http://fotorama.io/
完整参数介绍:http://fotorama.io/customize/options/
用的过程中,你能发现它的如下优点:
1、banner可自动滚动(自定义时间、切换方式-向左/右切换,或淡入淡出、可无限循环)
2、支持touch
切换,在手机/平板可以滑动
3、大小自适应,可设置缩放比例、可固定最小高度/宽度缩放
4、图片设置为背景图片时,可设置填充方式(平铺、覆盖…)
5、可控制是否支持全屏(可设置)
6、可控制导航图以小圆点或小缩略图显示
7、可控制是否可点击切换
8、可控制是否显示箭头切换方式
9、鼠标/touch
时,可控制停止播放图片
10、图片的加载为ajax
异步加载,最开始只加载2张图片
还有很多强大的功能,虽然网页是英文的,但是写的很简单,详细介绍可以看API
推荐用于移动端的焦点图插件:http://www.superslide2.com/
2、表单验证Validform
站点:http://niceue.com/validator/
智能:自动初始化、自动生成消息、只在需要时验证
灵活:主题机制、多规则绑定、丰富的事件、随意扩展、国际化支持
体验:支持实时验证与显示消息,4种消息类型,上下左右位置随你,提供对外API
简单:少量的参数,轻松上手,简单配置就可以定义消息主题
强大:规则动态性、分组验证支持、调试支持、通过DOM
传参可不用初始化、超强适应能力
我觉得这个表单验证控件的最大优点是,可控制性强,添加了多个接口,在使用上非常简单,只要引用文件,验证规则写了很多,而我们只需要修改一下参数,而且支持中文。写这个的人,很给力。
但是,美中不足是,没有对表单中select
下拉菜单进行的验证。
等网站上线了,会把我在项目中的使用情况附在后面!