jQuery超酷轻量级响应式lightbox插件

Smoothbox是一款非常实用的超酷jQuery轻量级响应式lightbox插件。该lightbox插件在图片转换时带有平滑的CSS3过渡效果。如果不使用CSS3过渡效果,该插件可以支持到IE8浏览器。它的特点有:

  • 轻量级[1.7Kb]
  • 预加载图片
  • 可以在多个项之间建立画廊
  • 实用CSS3 transitions制作平滑过渡效果
  • 响应式图片设置

效果演示:http://www.htmleaf.com/Demo/201504171697.html

下载地址:http://www.htmleaf.com/jQuery/Lightbox-Dialog/201504171696.html

时间: 2024-12-09 16:54:29

jQuery超酷轻量级响应式lightbox插件的相关文章

lightgallery.js-纯js轻量级响应式lightbox插件

在线预览   源码下载 lightgallery.js是一款纯JavaScript轻量级响应式lightbox插件.该Lightbox插件支持图片,视频,iframe等多种媒体.支持全屏,导航,缩放,下载等功能,还支持多种动画过渡效果.lightgallery.js的特点还有: 完全响应式设计. 内置插件的模块化体系结构. 支持移动触摸设备. 桌面设备中可以通过鼠标拖拽来切换. 鼠标双击可以查看原尺寸的大图. 缩略图带动画特效. 支持各种视频. 支持20多种硬件加速的CSS3过渡动画. 支持动态

jQuery轻量级响应式幻灯片插件EasyFader

EasyFader 是一款轻量级的响应式幻灯片插件,Gzip 压缩之后之后仅 1.5 KB.因为 EasyFader 是轻量级的,所以它并没有太多花哨的功能,但幻灯片的基本功能是一个都不少的,比如箭头控制.项目导航.切换间隔.切换动画持续时间.回调函数等. 查看演示

jQuery最简单的响应式幻灯片插件

这是一款设计的非常简单非常实用的jQuery幻灯片插件.现在的幻灯片插件层出不穷,这款jQuery幻灯片插件返璞归真,使用不到1000字节完成了幻灯片所需的必要功能. 该幻灯片插件小巧玲珑,简单实用.它的特点有: 简单小巧.该jquery幻灯片插件的压缩版本的js文件只有991字节大小.非常适合于手机等移动设备的使用. 支持键盘导航.可以使用键盘的左右方向键来控制幻灯片. 支持所有的内容.幻灯片中的内容可以是图片.文字.视频或其他内容. 跨浏览器支持.该幻灯片插件可以在最新版本的Chrome,

jQuery超酷3D翻牌式倒计数特效

这是一款效果非常炫酷的jQuery和CSS3 3D翻牌式倒计数特效.这个特效就像NBA比赛的记分牌一样,可以像翻牌一样上下翻动当前的记分牌.该特效将牌子从水平中心线分成两半,上下两半可以绕中心线做翻转动画,效果非常神奇. 效果演示:http://www.htmleaf.com/Demo/201503291592.html 下载地址:http://www.htmleaf.com/jQuery/Layout-Interface/201503291591.html

另外一款超棒的响应式布局jQuery插件 – Freetile.js

在线演示 我们曾经介绍过俩款知名的响应式布局插:isotope和masonary,今天我们这里再介绍一款相当不错的响应式布局插件 – Freetile.js,使用它同样可以生成超酷的动态布局效果.相信大家一定会喜欢! 主要特性 Freetie来自于Assemblage和 Assemblage Plus的内建布局引擎,设计灵感来自于Masonry,VGrid和Wookmark,但是和他们相比较,拥有以下独特的地方: 允许包含任何尺寸的元素,并且不要求一个固定的列宽度,因此你不需要指定列宽度来迎合你

jQuery超酷下拉插件6种效果演示

原始的下拉框很丑啦, 给大家一款jQuery超酷下拉插件6种效果 效果预览 下载地址 实例代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <div class="container">                       <section class="main clearfix">                 <select id="cd-dr

一款基于jquery带百分比的响应式进度加载条

今天要给大家带来一款基于jquery带百分比的响应式进度加载条.这款加载条非常漂亮,而且带有进度的百度比,且在不同的百分比用的是不同的颜色.而且这款加载条采用了响应式设计,在不同的分辨率的显示器下完美支持.一起看下效果图吧. 在线预览   源码下载 实现的代码. html代码: <h1> Battle.net <b>style progress bar</b></h1> <div class="progress"> <b

一款基于jquery和css3的响应式二级导航菜单

今天给大家分享一款基于jquery和css3的响应式二级导航菜单,这款导航是传统的基于顶部,鼠标经过的时候显示二级导航,还采用了当前流行的响应式设计.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div id="header"> <div class="logo"> <a href="#">Responsive Nav</a> </div> <nav>

jQuery支持触摸屏设备的响应式幻灯片插件

这是一款效果非常好的支持移动触摸设备的响应式模块化jQuery幻灯片插件.通过这个幻灯片插件你可以制作出漂亮和专业的幻灯片效果.它的特点有: 模块化的体系结构. 响应式设计. 支持触摸滑动. 支持CSS3过渡效果. 支持动画层. 幻灯片可以无限循环. 支持旋转木马布局. 支持全屏显示. 幻灯片带有缩略图. 支持深层链接. 图片带有懒加载模式. 支持视网膜设备. 支持淡入淡出效果. 导航按钮使用CSS生成,不使用图片,样式容易控制. 支持幻灯片中嵌人视频. 支持图片尺寸自适应(不同的图片会显示不同