Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件

标签: swipebox 触屏 设备 | 发表时间:2013-03-26 15:47 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

  Swipebox 是一款可触摸的  jQuery 灯箱效果插件,可用于桌面,移动和平板电脑。它移动设备支持滑动手势导航,桌面电脑上可以用键盘导航,不支持 CSS3 过渡特性的浏览器使用 jQuery 降级处理,支持视网膜显示,能够通过 CSS 轻松定制。

  在下列浏览器测试通过:Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android, Windows Phone。

您可能感兴趣的相关文章

 

 

效果演示       插件下载

 

您可能感兴趣的相关文章

 

本文链接: Swipebox – 用于触屏设备的 jQuery 灯箱效果插件

编译来源: 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

本文链接

相关 [swipebox 触屏 设备] 推荐:

Swipebox – 用于触屏设备的精美 jQuery Lightbox 插件

- - 博客园_梦想天空
  Swipebox 是一款可触摸的 . jQuery 灯箱效果插件,可用于桌面,移动和平板电脑. 它移动设备支持滑动手势导航,桌面电脑上可以用键盘导航,不支持. CSS3 过渡特性的浏览器使用 jQuery 降级处理,支持视网膜显示,能够通过 CSS 轻松定制.   在下列浏览器测试通过:Chrome, Safari, Firefox, Opera, IE8+, IOS4+, Android, Windows Phone.

又是为了触屏移动设备而设计

- - 盒子UI
印象当中,最近这些年的春天总是会带来让人觉得真心别扭的气候体验,雨和冷风就像催化剂一样,让生活和工作当中的人和事也变得异常凌乱,仿佛一团被咀嚼到完全失去味道的槟榔. November Rain前奏当中的钢琴旋律多少可以让心安然一些,一旦摘下耳机便又是个令人想要把自己的脑袋拧下来吃掉的世界. 可脑袋一旦被拧下来,就什么也无法吃的样子了,不是吗.

不用插件修改 Chrome 的 User Agent 字符串、模拟移动触屏设备

- - Chrome迷
今天发现了 Chrome 上一个修改 User Agent 字符串的新方法,甚至还能模拟触屏设备,手动改变你所在的位置(经纬度). 1、打开 Chrome 的”开发者工具”,也就是菜单——工具——开发者工具. 2、在打开的开发者工具(Developer Tools)界面的右下角,点击黑色齿轮图标. 3、然后在黑底界面中点击”Overrides”标签页就能看到了.

触屏手机网站设计

- Ray ma - 互联网的那点事...
随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website. 触屏手机网站在中国还属于起步阶段,从行业的现状来看,其体验参差不齐,笔者将从设备、系统、浏览器、网络、四个维度来与大家共同探讨触屏手机的网站设计:.

触屏网页设计初探 (二)

- 没剑 - 信息和交互 - UCD大社区
触屏版网页应用,实现移动场景用户需求、体现少即是多的设计精髓并表现主流的触屏界面气质,可算初步达标. 在设计过程中需不断打磨细节,提升体验,令设计日臻完美. 让消息更随手,操作门槛更低 . 费茨法则(Fitts’ Law,1954)是一则人机交互法则. 它阐述了:快速移动到目标的时间是离目标距离与目标大小的函数.

触屏手机网站-炫版交互设计

- Qing - 所有文章 - UCD大社区
触屏手机网站和非触屏手机网站区别在于,前者使用手指点击注重点击体验, 而后者是使用手机物理按键注重选取规则,触屏手机屏幕增大,可以显示更多的内容,但内容密度不宜过大否则不便点击,一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm,各大门户也分别推出适应触屏手机的高端版本,下面将会从手机网站最常使用的二个交互功能来分析3G门户炫版和其他门户的区别.

【新闻】搜狐微博推出全新手机HTML5触屏版

- - HTML5研究小组
近日,搜狐微博全力推出手机微博触屏版(w.sohu.com/m),该版采用最新HTML5技术,全新的视觉设计,让你在网页上享受超越客户端的用户体验. HTML5是一种技术标准,被业界视为未来移动应用的重要趋势,HTML5从根本上改变了开发商开发web应用的方式,从桌面浏览器到移动应用. 这种语言正在影响并将继续影响着各种操作平台.

触屏手机点击区域的小秘密

- - 博客园_新闻
做触屏手机产品设计,要注意所有的可点击元素都有足够的点击区域,但是这并不是说你要把所有的按钮图标链接都设计的足够大,手机上的视觉焦点和操作焦点是不一样的,操作焦点是可被放大或移动的点击区域. 这里分享几个点击区域的小秘密,帮你解决操作准确率的问题. iPhone 自带的控件 NavigationBar 上的 Button、TabBar 上的 Item、ToolBar 上的 ButtonItem,实际的点触区域都是被放大了的.

Adobe 全线触屏应用搬上 Android Market

- lht - 谷安——谷奥Android专题站
Adobe 并不是只有 Flash 应用,他们还有其它一些应用,现在 Adobe 已经将全线触屏应用都搬到了 Android 上,下面 6 个应用都是流行的桌面应用的 Android Honeycomb 平版本版本:. Adobe Photoshop Touch:使用核心 Photoshop 功能自由改变图像,专为平板定制的强大应用.

触屏键盘设计准则(内附绝密小抄)【译】

- - IT技术博客大学习
标签:   触屏   键盘. ( Christian Holst著     Charrywang 译    Sevenshao/Crispinzhu校正     查看原文  转载请注明出处). 通常来说,人们会理所当然的认为触屏设备要比几十年的电脑鼠标和键盘直观的多. 用户与触屏直接交互,缩小了用户行为与软件响应之间的距离.