设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 技术文摘 查看内容

15个响应式的jQuery UI组件的代码片段和模块

2014-9-9 10:41| 发布者: joejoe0332| 查看: 3844| 评论: 0|原作者: htfy96, BadGuy, 潘光华, 无若|来自: 开源中国社区

摘要: 随着响应式网页设计逐渐进化成每个网站必备的一部分,越来越多的用户界面问题在设计面向手机、平板的网站时涌现。在下面的展示中,我们展现了15款新生的响应式JQuery代码片段,它们能增强用户在手机、平板或是普通的 ...


Vanillabox

Vanillabox

  Vanillabox是一款简单又现代的lightbox式样的JQuery插件,能被用于轻松的建立起一个图像画廊。它有着简单、最小化的设计,适用于所有现代浏览器。它是许多相似功能的插件中安装简单、轻量级的一款,可被用于替换之前已用的插件。

如何使用:

  安装非常简单。仅仅把script和css在<head>中导入然后调用脚本就行了。


Media

ToneDen Player

ToneDen Player

  ToneDen是一款纯js定制的音频播放器。它有一个完全可定制的界面,给你一连串的配置项来提升你的听觉体验。简易简洁的界面是赏心悦目的,并且也不会在页面上带来任何的混乱。

如何使用:

  由于展示和播放音乐的方式有许多不同,所以定制播放器的方法也有很多。当谈到播放器的配置项时候,开发者做了一个很棒的工作,使得可以容易的使用它,它确实是相当高级先进。使用脚本来满足基本的需求,或对照文档来使用更多高级的配置。


Pizza Pie Charts

Pizza Pie Charts

  这款代码片段允许你在任何设备上呈现出一个pizza样式的图表。它是一款使用简便的插件,既能和Zurb的响应式框架契合,也能作为单独的脚本而工作。关于这个插件没有什么可以介绍的,因为它仅有的一个选项就是展示pie或者开发者所称的pizza图表。这款插件十分优秀、方便使用与自定义,以至于在这篇文章中如果不把它包含进来就是个错误。

用法:

  引用css和js文件,然后你就已经拥有了一个基本的pie图表,但是别忘了HTML。


导航类

Fly Side Menu

Fly Side Menu

  如果你想创建一个由Airbnb驱动的菜单,这款插件就是你所需要的。它完全免费,兼容主流浏览器与移动设备。

用法:

  这款插件给了你一点实验与自定义的空间,但是谨记:基础的选项虽然某种意义上限制不少,但是对于简单场合还是够用了的。


Hashtabber

Hashtabber

  Hashtabber 是一款用于hashchange驱动的标签式内容选择器的JavaScript插件。考虑到它也适用于移动设备,你有多种方式来利用这款插件。它包括了一些预设定的主题以及一些自定义的方法。

用法:

  在HTML中分别链接各个文件,然后建立一个HashTabber的section。


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部