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

2016-02-16 22:27 2 1 收藏

今天图老师小编给大家介绍下9个最新的手机移动设备jQuery插件分享,平时喜欢9个最新的手机移动设备jQuery插件分享的朋友赶紧收藏起来吧!记得点赞哦~

【 tulaoshi.com - 平面设计 】

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

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

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

IOSSCRIPTS

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示及下载

Slip.js

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示 下载插件

jQuery Finger

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示 下载插件

Tocca.js

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示 下载插件

Leader.js

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示 下载插件

JQuery Mobile Date Navigation

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示及下载

jQuery Navobile

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

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示及下载

Responsive Mobile Menu

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

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示及下载

PhotoSwipe

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

9个最新的手机移动设备jQuery插件分享,PS教程,图老师教程网

查看演示 下载插件

来源:https://www.tulaoshi.com/n/20160216/1575725.html

延伸阅读
标签: Web开发
1. Dynamic tooltip Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.   2. Popup Bubble Brilliant tooltip! It looks so simple but it has awesome transition effects. This tooltip could be very useful for clean and ...
虽然Web字体版式技术在各种定制化字体解决方案(比如@font-face, Google Fonts)的支持下一路蓬勃发展,但是在我们在设计和桌面app开发中仍然对其缺少精准的控制和把握。还好有一系列的强大功能jquery插件帮助我们解决这个问题。这篇文章详细介绍了近10个最流行的Web字体版式插件,它们允许我们润色字体版式并创造出更多超级酷的效果。 不得不说...
在这篇文章中,我们将给大家介绍10个使用简单的、基于jQuery的拖放插件,能够帮助你方便快捷的添加拖放功能到你的网站中。 1.  Drag n Drop Scattered Gallery 支持不同外观的图片拖放插件脚本。   2.  ImgNavigator 一个使用拖放功能和导航图的图片浏览画廊。你可以通过拖放图片或者导航来查看图片。 3.  jQuery L...
标签: Web开发
简化后的插件: SimplePlugin.htm: 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title简化后的插件/title script type="text/ecmascript" src="../js/jquery-1.2.6.js"/script script ty...
标签: Web开发
和大家分享一下代码: JavaScript代码 代码如下: //得到select项的个数 jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = function() { return jQuery(this).get(0).selectedIndex; } //获得当前选中项的文本 jQuery.fn.getSelectedText = funct...

经验教程

373

收藏

79
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部