作者： admin

手机 滚动加载图片 ajax

内建支持jQueryMobile框架的延迟加载

类似插件：https://sdeno.com/?p=3645

https://sdeno.com/?p=3730

http://www.jqcool.net/jquery-lazy-load-xt.html

 

手机 幻灯片 手势

slick 是一款完全响应式的 jQuery 传送带插件，能够根据容器自动适应宽度。在现代浏览器中会使用 CSS3 来实现特殊效果，可以使用扩展方法对项目进行添加、删除和过滤。这是一款非常实用的 jQuery 传送带插件，可使用于PC端与移动端。下面来看下使用方法：

http://pan.baidu.com/s/1sjHQSjV

http://www.jqcool.net/jquery-slick-2.html

 

 

滚动加载 图片

当屏幕滚动到可视区域才会加载图片

http://pan.baidu.com/s/1ntus1SH

http://www.jqcool.net/jquery-unveil.html

类似插件：https://sdeno.com/?p=3645

 

 

select 下来美化

dropkick是一款基于jquery库的美化下拉框下拉菜单的插件，它通过定制HTML插入可使丑陋无聊的<select>下拉列表变得美丽。

name属性是唯一一个必需的填写的，不过你也应该设定一个tabindex属性来设定导航菜单的排序。

在dropkick选择一个选项时,亦会触发事件，这意味着您的表单、AJAX工作和传统的一样,无需进行任何更改。

 

 

 

如何使用

引入核心文件，确保引入jQuery 1.7.1 或以上的版本

1 2 3

<link rel="stylesheet" href="css/dropkick.css" type="text/css">  <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>  <script src="jquery.dropkick-min.js"></script>

写入html，这里只需加入一个下拉框

1 2 3 4 5 6 7 8 9

<select name="country" class="default" tabindex="2">       <option value="">Try Me!</option>       <option value="AU">Australia</option>       <option value="CA">Canada</option>       <option value="DE">Germany</option>       <option value="JP">Japan</option>       <option value="GB">United Kingdom</option>       <option value="US">United States</option>  </select>

写入JS，初始化插件

1	$('.default').dropkick();

 

 

 

http://www.jqcool.net/jquery-dropkick.html

 

http://pan.baidu.com/s/1hqMLna0

 

 

图片

 

你是不是一直在找一个简单且轻量快速的响应式灯箱插件，嘿嘿，jQuery-Rebox一定是你想要的，它可以轻巧，快速，且不需要图片便可以创建非常简洁的灯箱库，不像其它图片插件用JS来控制图像的大小，rebox使用却是css max-width来控制，更易用，速度更快。

 

http://pan.baidu.com/s/1jGBt8Ku

http://www.jqcool.net/jquery-rebox.html

同款类似插件https://sdeno.com/?p=1977