9个最新的手机/移动设备jQuery插件

标签: HTML & CSS jQuery | 发表时间:2014-06-10 15:20 | 作者:设计 达人
出处:http://www.shejidaren.com

随着互联网的流行,移动网站开始急速增加,在2014年手机网站将会出现很多,所以手机网站是必须要学会制作的。手机网站不像桌面平台一样制作,否则会影响显示效果,目前大部分手机网站使用 响应式设计技术,而且也很流行。

但是新手想实现响应式技术是不容易的,所以我们可以用一些响应式框架或适用于移动设备的jQuery插件来制作,这样能方便实现我们的需求。

今天设计达人网小编整理了9个好用的手机/移动设备jQuery插件,也许对你的手机项目有帮助哦!

IOSSCRIPTS

iosslider这个jQuery插件可以让桌面、手机、平板设备实现自适应的网页幻灯片(灯箱),支持水平和垂直方式。

IOSSCRIPTS 手机插件 jQuery插件

查看演示及下载

Slip.js

如果想实现触摸设备排序的话,我想Slip.js插件是最好的选择。

Slip.js 手机插件 jQuery插件

查看演示  下载插件

jQuery Finger

一个触摸事件插件。和其它相关插件不同的是,它会移除触摸设备的300毫秒延迟。

jQuery Finger 手机插件 jQuery插件

查看演示  下载插件

Tocca.js

超轻量级的触摸事件插件,大小只有1KB啊。

Tocca.js 手机插件 jQuery插件

查看演示  下载插件

Leader.js

用户登陆插件,目前为概念设计,是否真适用在实际项目中使用呢?

Leader.js 手机插件 jQuery插件

查看演示  下载插件

JQuery Mobile Date Navigation

移动手机设备的日历导航插件,如果有日期弹出来选择就更强大了。

JQuery Mobile Date Navigation 手机插件 jQuery插件

查看演示及下载

jQuery Navobile

这类侧边栏导航菜单插件我们介绍过,请看《 好用的侧边栏菜单/面板jQuery插件》一文。

查看演示时,请把你的浏览器缩小到手机的分辨率就可以看一以了。

jQuery Navobile 手机插件 jQuery插件

查看演示及下载

Responsive Mobile Menu

一个响应式移动设备菜单插件。

Responsive Mobile Menu 手机插件 jQuery插件

查看演示及下载

PhotoSwipe

图像展示类的移动设备插件,功能实用,而且效果不错,请看DEMO体验。

PhotoSwipe 手机插件 jQuery插件

查看演示  下载插件


Copyright ©2010-2014 ¦ RSS订阅 ¦ 新浪微博 ¦ 本文链接 ¦ 添加评论
交流:UI设计交流群:59300679,与500名设计师交流设计,分享素材。

相关 [手机 移动设备 jquery] 推荐:

9个最新的手机/移动设备jQuery插件

- - 设计达人
随着互联网的流行,移动网站开始急速增加,在2014年手机网站将会出现很多,所以手机网站是必须要学会制作的. 手机网站不像桌面平台一样制作,否则会影响显示效果,目前大部分手机网站使用 响应式设计技术,而且也很流行. 但是新手想实现响应式技术是不容易的,所以我们可以用一些响应式框架或适用于移动设备的jQuery插件来制作,这样能方便实现我们的需求.

jQ.Mobi——针对移动设备优化的jQuery

- - HTML5研究小组
appMobi已经开放了 jQ.Mobi的源代码,它对jQuery进行了重写,与 jQuery Mobile竞争以分享开发者份额. jQ.Mobi是jQuery的部分重写版本,但针对HTML5和移动设备做了优化. 它的文件大小只有3KB,而jQuery则有35KB,并且据 JSPerf test的数据,它在Android上要比jQuery快3倍,在iOS上快2.2倍.

移动设备省电白皮书:浅度充放电会延长电池寿命 手机充电时辐射是平时的数十倍

- - 动点科技-独立原创科技博客
Android男必须每天回家充电的笑话,是我们对手机电池续航时间短的一种调侃. 某种程度上,电池确实已经成为制约移动产业发展的一个瓶颈. 近日金山电池医生发布了《移动设备省电白皮书》,介绍了电池的基本知识以及省电的小技巧,很实用,在此向读者们分享. 目前的电池电芯制造技术水平,使单位体积电芯的电池容量已经接近锂离子电池的极限.

移动设备手势设计初探

- redhobor - 腾讯CDC
  嘿~最近在做各种移动端的产品,设计啊体验啊操作啊,用的手都起茧,工作之余也思考了“手”这种较新的交互方式,以及它与界面的关系. 本文从手势的种类,应用场景,存在的可用性问题以及如何设计四个大的部分谈起,在此抛砖引玉供大家思考和学习.   移动设备大行其道的今天,手势是一个流行词汇,那手势是什么呢.

移动设备里的硬件功能

- - 雷锋网
【编者按】本文作者 @kentzhu 如果你想猎杀一只虎你得首先搞清楚了虎的习性与弱点,不然就好比是绣花枕头的屠龙术. 同样的道理,如果你想做好移动产品的设计,你得首先搞清楚移动设备的基本属性. 知道移动设备有哪些能力才能驾驭这些能力并创造出优雅的体验. 在移动设备里,常见可以被利用的硬件包括:话筒、GPS、距离感应器、环境光感应器、影像传感器、磁阻传感器、重力感应器、方向感应器、加速感应器、三轴陀螺仪、RFID、NFC、裸眼3D、温度计、震动感应器等.

移动设备阅读体验

- - 曉生語錄
一直想对移动设备阅读体验进行较为完整的研究和学习,但内容太多,涉及到非常多的传统平面设计知识,目前仅初步地完整字体部分. 常用的栅格分割适合移动设备多分辨率复杂内容的自动排版,内容可控制时是否可以模仿杂志的复杂不规则排版方式,以达到最佳的阅读体验. 2.移动设备上最佳的字体有什么必要的设计要素. 如下图,更多的内容包括字体颜色、字间距、行间距和字体渲染等,不同的内容需要不同的字体.

移动设备之滑动的维度

- - 盒子UI
在iOS交互模型的最底层,有一个“空间”的概念(具体可见 ios空间模型),而空间最基本的属性就是三个维度. 滑动依存于屏幕这个二维环境,也可以从维度这个角度去思考. 最常见的滑动例如ios里删除短信息的操作,这里的滑动是最基础的,可以理解成一维的、被赋予了唯一功能的操作. 但如果认为滑动就是这么简单,那可能忽略了滑动可以为设计带来的千变万化.

JQuery 选择器

- - CSDN博客Web前端推荐文章
}

点击我

.    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习.

点击我

. //给class为demo的元素添加行为.