zaixianshouce
- 浏览: 259139 次
-
最新评论
文章列表
cxSlide 是一个简单易用的焦点图展示插件，支持水平、纵向切换，透明过渡切换。
已支持 CSS 动画过渡切换。通过 CSS 动画切换，可以展示更多效果。
版本：
jQuery v1.7+
jQuery cxSlide v2.0.2
注意事项：
内部会自动创建切换按钮元素，也可在外部直接创建，若外部已创建，内部将跳过此步骤；
展示图片未超过 1 张时，会隐藏切换按钮元素。
github地址
在线实例
实例预览 基础示例
实例预览 CSS 动画
实例预览 API 接口
版本：
jQuery v1.7+
jQuery cxScroll v1.2.2
注意事项：
内部会自动创建 prev 及 next 切换按钮，也可以在外部直接创建，若外部已创建或设置prevBtn: false及nextBtn: false，内部将跳过此步骤；
若（滚动的列表宽度 ≤ 父元素的宽度），则不会自动创建 prev 及 next 切换按钮，也不会自动滚动。
github地址
在线实例
实例预览 基础示例
Jcrop 是一个功能强大的 jQuery 图像裁剪插件，结合后端程序（例如：PHP）可以快速的实现图片裁剪的功能。
版本：
jQuery v1.5.1+
jQuery Jcrop v0.9.12
github
在线实例
实例预览 jQuery Jcrop 图像裁剪插件 Hello World 基础示例
实例预览 jQuery Jcrop 图像裁剪插件 Basic Handler 事件处理
实例预览 jQuery Jcrop 图像裁剪插件按高宽比例预览裁剪效果
基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。
对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。
版本：
jQuery v1.4.4+
jQuery Lazy Load v1.7.2
注意事项：
需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src 与 data-original 相同，则只是一个特效而已，并不达到延迟加载的功能。
github
在线实例
$('img').lazyload();
一个灯箱效果的图片展示插件。
版本：
jQuery v1.2.3+
jQuery Lightbox v2.7.1
github
实例预览
使用方法
载入 CSS 文件
<link rel="stylesheet"
在线实例
实例演示
使用方法
<form id="defaultForm" method="post" class="form-horizontal" action="target.php">
在线实例
实例演示
使用方法
<section class="main">
<div class="wrapper-demo">
<div id="dd" class="wrapper-dropdown-1" tabindex="1">
<span>手册网</span>
<ul class=&qu ...
progression.js是一款表单输入完成进度插件。支持自定义提示框大小、方向、左边、动画效果、间距等，也支持是否显示进度条、字体大小、颜色、背景色等。
在线实例
实例演示
使用方法
<form id="myform">
<p>
在线实例
实例演示
使用方法
<input type="text" id="auto-complete-email" class="input" placeholder="E-mail"/>
$("#auto-complete-email").completer({
移动端日期选择器datedropper以及时间选择器timedropper的使用方法介绍和相关API参数介绍
在线实例
实例演示
使用方法
<p>请选择日期：<input type="text" class="input" id="pickdate"
ClockPicker.js是一款时钟插件,其实还可以改进，里面的分可以改成短横线。
在线实例
实例预览 jQuery ClockPicker 圆形时钟
使用方法
<div class="input-group clockpicker">
<input type="text"
{{#each}}...{{else}}...{{/each}}
{{#each}} is a block expression, that iterates through items of passed Array or through properties of passed Object.
The following additional variables are available inside of this helper:
@index - index number of the item. For arrays only
@first - equal t ...
iOS Theme Colors
实例预览
Framework7 comes with 10 ready to use default iOS color themes. But first of all, you need to include additional stylesheet to be able to use all these color themes:
<head>
...
<link rel="stylesheet" href="path/to/framework7.ios.min.css&qu ...
Framework7 可以很方便存储和解析表单的数据，特别是在 Ajax 加载的页面。并且，当你再次加载相同的页面之后，Framework7 可以自动帮你填充上次的内容!
启用表单自动存储
要启用表单自动存储功能，只需要：
在表单上增加 ...
Framework7 有一些方法可以让读取和填写表单数据变得非常方便：
Form 转化成 JSON
使用 app 对应的方法可以非常方便把所有的表单元素转化成一个 JSON 对象:
myApp.formToJSON(form) - 把表单转换成JSON对象
form - HTML元素 or 字符串 (CSS选择器)
返回一个JSON对象
<form id="my-form" class