- 博客(130)
- 收藏
- 关注
RSS订阅原创 jQuery实现类似视频播放功能的图片播放器插件
jquery Image Player是一款可以像视频播放一样逐张播放图片的图片播放器jQuery插件。当你需要介绍你的某个产品和项目的时候，这个插件就可以发挥它的强大作用。你可以将产品或项目的各个功能做成图片，然后使用该插件来逐帧播放。现在大多数的产品和项目介绍使用的都是gif图片或flash，甚至是直接嵌入视频，使用这个图片播放器插件，你可以自由的控制哪张图片需要播放，还可以设置淡入淡出效
2015-04-17 12:57:54
2959
原创 HTML5移动优先的响应式动画网格布局模板
这是一款非常实用的HTML5响应式网格布局模板。该模板带固定侧边栏，侧边栏在小屏幕设备上会自动隐藏。右侧的所有文章以网格进行布局，每行的网格数量自动根据页面大小而改变。点击一篇文章后该文章会以动画的形式全屏放大。效果演示：http://www.htmleaf.com/Demo/201504161689.html下载地址：http://www.htmleaf.com/html5/ht
2015-04-17 12:53:31
1496
原创 4种纯CSS3超酷页面切换过渡动画特效
这是一款4种效果非常炫酷的纯CSS3页面切换过渡动画特效。该CSS3页面过渡动画使用CSS keyframes制作而成，所有的动画效果和延时都是使用CSS属性，没有任何的javascript timeout()代码。所有的4个页面切换效果都使用相同的js文件（用于点击事件和页面关闭事件）和CSS文件。每个demo的class名称略有区别。所有的demo都在 Chrome、Safari、Fire
2015-04-16 12:49:12
8081
原创 30种CSS3炫酷页面预加载loading动画特效
这是一组效果非常炫酷的CSS3页面预加载loading动画特效。该特效共有30种不同的loading效果。所有的加载动画都是使用CSS3来完成，jQurey代码只是用于隐藏加载动画。当你点击页面的任何一个地方时，loading动画就会被隐藏。这30种loading动画分为3组：方形加载动画特效、圆形加载动画特效和长条形加载动画特效。每一种效果都有一个单独的页面，你可以对应查看每种效果的CSS代
2015-04-16 12:46:25
6873
原创 HTML5可互动的可视化图表js插件库
JointJS是一款可以进行互动的HTML5可视化图表js插件库。它可以用来创建静态图表，并且它拥有完全交互式绘图工具和应用程序生成器。jointjs可以很容易地创建各种各样的可视化工具。JointJS的事件驱动特性和MVC架构是它可以非常容易的集成到其它后台程序之中。JointJS的特点有：支持多种图形元素（方形、圆形、椭圆形、文本、图像和路径）支持多种知名的图表（ERD, Org
2015-04-15 13:02:29
2137
原创 HTML5 Canvas炫酷宇宙黑洞引力特效
black-hole.js是一款效果非常炫酷的模拟宇宙黑洞引力特效的js插件。该插件基于HTML5 canvas，使用WebGL、 glfx.js和 numeric.js 共同制作完成。其效果是在鼠标滑过图片时鼠标区域形成黑洞效果，使它周围的空间坍缩。注意：由于HTML5的安全限制，插件中的图片必须是同源的图片。在本地浏览器这个插件时，Chrome浏览器会看不到效果，你可以使用Firefox浏
2015-04-15 12:57:30
5623
原创 WebGL助手：TWGL简化WebGL API的js动画库插件
twgl.js是一个小巧的WebGL助手库。这个js库的目的是让WebGL API更加简洁易读。WebGL的API非常的冗长，设置着色器，缓冲器，属性和uniforms需要大量的代码。一个简单的发光立方体效果在WebGL中可能需要超过60次代码调用。使用TWGL可以大大减少代码的书写，而且书写的代码整洁明了，非常容易读懂。TWGL有5个核心函数：twgl.createProgramIn
2015-04-14 12:37:17
1950
原创 jQuery简单实用的轻量级进度条插件
jQMeter是一款简单实用的轻量级进度条jQuery插件，它可以显示为水平或垂直进度条，进度条加载时带有动画特效，你只需要简单的传入一些参数到jQMeter对象的构造函数中就可以完成你想要的进度条效果。该进度条插件的构造函数中允许你定义进度条的宽度、高度、背景色、进度条颜色等等参数，通过这些参数你可以构造自己的进度条样式。效果演示：http://www.htmleaf.com/D
2015-04-14 12:32:05
910
原创 基于WebGL的炫酷元素背景水波涟漪jQuery特效
jquery.ripples是一款基于WebGL的效果非常炫酷的元素背景水波涟漪jQuery特效插件。该jQuery插件通过强大的WebGL，可以在指定的元素上添加一个水波层，制作出水波涟漪的炫酷效果，并且可以使用鼠标来和它进行互动。WebGL是一种3D绘图标准，这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起，通过增加OpenGL ES 2.0的一个JavaS
2015-04-13 13:10:35
2066
原创 基于Animate.css的jQuery动画特效插件
janimate是一款非常实用的基于Animate.css的jQuery动画特效插件。该动画特效插件允许你在jQuery代码中操纵Animate.css的66种动画效果。通过该插件可以简化Animate.css的使用，非常方便。使用这个插件可以通过jQuery选择器来选择你想要进行动画的元素，然后调用jAnimate()或jAnimateOnce()方法，并传入你想要执行动画效果的名称即可。
2015-04-13 13:05:19
1185
原创 jQuery绚丽霓虹灯文字特效
novacancy.js是一款非常有意思的、效果绚丽的jQuery绚丽霓虹灯文字特效插件。该文字特效插件可以将任意文本转换为霓虹灯效果，你可以设置灯光的颜色，发光的颜色，几个文字是不亮灯状态，以及灯光闪烁的频率等等。效果演示：http://www.htmleaf.com/Demo/201504111662.html下载地址：http://www.htmleaf.com/jQuery
2015-04-12 13:08:19
1202
原创 jQuery和CSS3超酷3D页面切换导航菜单插件
这是一款效果非常酷的jQuery和CSS3 3D页面切换导航菜单特效插件。该导航菜单插件是汉堡包隐藏菜单，每个菜单项的图标使用SVG来制作，鼠标滑过图标时有动画效果，点击某一个菜单项后，页面会在3D空间进行切换，效果非常炫酷。效果演示：http://www.htmleaf.com/Demo/201504111660.html下载地址：http://www.htmleaf.com/j
2015-04-12 13:05:18
1149
原创 jQuery高性能跨浏览器全屏幻灯片特效插件
Nex是一款效果炫酷的、高性能的跨浏览器全屏幻灯片特效jQuery插件。该幻灯片插件允许你嵌入图片、视频，甚至是谷歌地图。该幻灯片提供了7组共34种不同的效果，可以使你适用于任何场景下使用。它的特点有：幻灯片外观可以自定义优化速度支持移动触摸设备支持键盘导航支持选择各种Pattern对SEO优化十分友好10种类型效果：Fade, Slide [left,right,top,bottom
2015-04-11 13:10:29
827
原创 支持元素惯性拖放和多点触摸手势的js插件
interact.js是一款支持元素惯性拖放和多点触摸手势的js插件。该插件支持在桌面设备和移动手机设备中拖放元素，拖动结束时带有惯性效果。并且支持移动设备的多点触摸手势。它的特点有：带惯性和吸附效果支持多元互动跨浏览器和设备，支持桌面和移动版本的Chrome, Firefox 和 Opera浏览器以及IE8+浏览器可以和SVG元素相互作用轻量级，无任何外部依赖除非要支持IE8或修改鼠标样
2015-04-11 13:05:49
927
原创 基于Threejs的jQuery 3d图片旋转木马特效插件
这是一款基于ThreeJS的炫酷3D旋转木马图片画廊特效插件。该旋转木马特效可以设置图片预加载，带有前后导航按钮，可以使用鼠标前后旋转，并可以设置3D透视的位置。浏览器兼容：Firefox - 30.0.0 +Chrome - 35.0.0 +Explorer: 9 +Ipad Safari: 7.0.0 +Iphone Safari: 7.0.0 +IOS Safari: 7.0.0
2015-04-10 12:48:22
1655
原创 HTML5 SVG超酷运动模糊动画特效
这是一款效果十分炫酷的HTML5 SVG制作的运动模糊动画特效。该SVG运动模糊特效有三种效果：画廊效果、模态窗口效果和侧边栏菜单效果。它们使用SVG过滤器和js及css相配合，在元素运动时产生动态模糊的炫酷效果。运动模糊是一种技术，广泛应用于一般的运动图形和动画，使运动更加流畅自然。维基百科对运动模糊的解释是：运动模糊是明显的在静止图像或图像序列如电影或动画的快速移动的物体。它是当图像被记录
2015-04-10 12:44:14
1399
原创 HTML5 SVG和CSS3炫酷液态菜单按钮特效
这是一款使用HTML5 SVG Filters 和CSS3制作的效果非常炫酷的液态菜单按钮特效。该菜单特效开始时显示一个主菜单按钮，当点击该按钮时，子菜单按钮会像液态物质一样依次展开，其效果就像一粒水滴分离为两粒一样。效果演示：http://www.htmleaf.com/Demo/201504081648.html下载地址：http://www.htmleaf.com/html5
2015-04-09 13:11:29
1485
原创 支持移动触摸设备的简洁js幻灯片插件
lory是一款支持移动触摸设备的简洁的js幻灯片插件。该幻灯片插件可以通过纯js调用，也可以将该幻灯片插件作为jquery插件来使用。该幻灯片的过渡动画具有硬件加速功能，并且可以定制是否使用easing效果。以下列出该幻灯片的一些特点：支持移动触摸设备。简单，界面整洁，纯js调用。可以作为jQuery插件来使用。过渡效果支持硬件加速。可定制easing效果。可无限循环，制作为旋转木马。
2015-04-09 13:06:36
672
原创 纯js带音符显示功能的网页电子琴插件
Beep是一款功能非常强大的基于浏览器的电子琴js插件。该电子琴插件可以在发音的同时显示出该声音的音符，并且自带演示功能，可以播放指定曲子的完整音乐。该电子琴插件支持键盘演奏和使用鼠标滑过琴键的方式演奏。Beep是基于WebAudio API来创建合成音乐效果的电子琴javascript框架。它用于模拟真实的钢琴演奏环境。使用一行代码synth = new BEEP.Instrument()就
2015-04-08 13:02:31
1323
原创 纯CSS功能齐全的Tooltip工具提示插件
Hint.css是一款功能强大的Tooltip工具提示插件库。hint.css使用SASS来编写，不依赖于JavaScript。该tooltip插件使用data-*属性、伪元素、内容属性和CSS3过渡效果来制作tooltip。hint.css可以工作在所有的最新版现代浏览器上，CSS的过渡效果可以在IE10+, Chrome 26+ 和 FF4+浏览器上工作。效果演示：http:/
2015-04-08 12:57:51
1075
原创 jQuery简单实用的图片标题动画效果插件
CaptionerJs是一款简单实用的jQuery图片标题动画效果插件。网上有许多图片标题插件，但是CaptionerJs可以为你创建干净整洁并且带有语义的图片标题HTML代码。CaptionerJs不使用div作为图片层，而是使用figure和figcaption元素来转换图片，使图片和图片标题有明确的语义。你可以在书写图片代码的时候使用标准的HTML图片代码，CaptionerJs会使
2015-04-07 13:02:12
660
原创 HTML5 canvas超简单和逼真的下雪特效
WebSnowjq.js是一款基于HTML5 canvas的超简单和逼真的下雪场景特效js插件。该下雪特效插件可以通过简单的参数设置了设定雪花的数量。每朵雪花的飘落速度各不相同，层次感非常强。该下雪特效可以在所有支持HTML5特性的现代浏览器中最常工作： Internet Explorer 9.0+, Google Chrome 4.0+, Mozilla Firefox 2.0+, Safa
2015-04-07 12:57:25
5753
原创 jQuery炫酷3d背景视觉差特效
Smart3D是一款效果非常炫酷的jQuery图片背景视觉差特效插件。该插件将图片以层的形式排放，当鼠标滑过图片的时候，每一层的图片的运动速度各不相同，从而形成强烈的视觉差效果。效果演示：http://www.htmleaf.com/Demo/201504051628.html下载地址：http://www.htmleaf.com/jQuery/shijuecha/20150405
2015-04-06 13:04:11
2412
原创 纯js实用DOM元素放大缩小特效插件
Zoomerang.js是一款非常实用的HTML DOM元素放大缩小js特效插件。它可以将页面上的任何元素进行放大缩小。当某个元素处于Zoomerang的监听状态时，点击该元素可以将它放大到屏幕的中间，再次点击它又会回到原来的位置。使用注意事项：该元素放大缩小效果依赖于CSS Transform（IE浏览器至少要IE10才能支持）在固定尺寸的元素上效果最佳：display: block
2015-04-06 13:00:26
3349
原创 CSS3时尚Tabs选项卡流线型标签效果
这是一款效果非常时尚的Tabs选项卡标签的流线型线条效果。该效果使用纯CSS3来制作，效果类似eclipse软件的标签页效果。该Tabs标签使用流线型设计，并且可以自定义标签的颜色，非常实用和好看。效果演示：http://www.htmleaf.com/Demo/201504041626.html下载地址：http://www.htmleaf.com/css3/daohangcai
2015-04-05 12:53:17
1119
原创 jQuery简单的翻书特效插件-jBooklet
jBooklet是一款简单的网页翻书jQuery特效插件。该jquery翻书特效插件实现了左右翻页的基本功能，并提供了一个默认的样式。你可以通过CSS文件来修改默认样式，生成更加好看的翻页效果。该插件依赖于jQuery，jQuery UI为可选项，还依赖于jquery.easing插件，使用时要先引入必须的依赖文件。效果演示：http://www.htmleaf.com/Dem
2015-04-05 12:49:22
1191
原创 jQuery超有趣的白云飘动特效插件
jQlouds是一款非常有趣的可以制作天空中白云飘动特效的jQuery插件。天空中白云朵朵，你可以通过这个插件来设置云朵的大小、位置、模糊以及被风吹动的效果。你可以在同一个页面创建多个云朵容器，通过多个jQuery选择器来选择不同的元素，每个元素将被随机填充静态的云朵。效果演示：http://www.htmleaf.com/Demo/201504031621.html下载地
2015-04-04 12:47:16
1305
原创 jQuery支持触摸屏设备的响应式幻灯片插件
这是一款效果非常好的支持移动触摸设备的响应式模块化jQuery幻灯片插件。通过这个幻灯片插件你可以制作出漂亮和专业的幻灯片效果。它的特点有：模块化的体系结构。响应式设计。支持触摸滑动。支持CSS3过渡效果。支持动画层。幻灯片可以无限循环。支持旋转木马布局。支持全屏显示。幻灯片带有缩略图。支持深层链接。图片带有懒加载模式。支持视网膜设备。支持淡入淡出效果。导航按钮使用CSS生成，不使用图片，
2015-04-04 12:41:34
743
原创 jQuery炫酷3D旋转幻灯片特效插件
iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件。你可以使用它来制作产品展示、图片画廊或者各种幻灯片和轮播图特效。这款幻灯片插件的特点有：高度灵活和可定制性。灵活的用户界面的设计。在单个HTML页面中允许存在多个实例。可以定制每一个slider的easing效果。多语言支持。可以在 iOS 和 Android 上正常工作。可以选择自动播放模式下鼠标
2015-04-03 12:41:26
1631
原创 轻量级扁平风格jQuery选项卡插件
PWS Tabs是一款轻量级jQuery tabs选项卡插件。它可以创建响应式的、扁平风格的标签式选项卡，并且可以定制选项卡的标签颜色，并且tabs进行切换的时候还带有CSS3动画效果。你可以在tabs选项卡中嵌入视频、谷歌地图、图片和文本等内容，甚至可以将这些内容混合放置在一个选项卡页上。效果演示：http://www.htmleaf.com/Demo/20150402161
2015-04-03 12:35:06
694
原创 简单实用的jQuery Tooltip提示插件
这是一款简单且非常实用的jQuery Tooltip工具提示插件。该Tooltip插件没有CSS，意味着你可以自定义你自己的Tooltip样式。你可以在Tooltip中显示任何内容：文本、DOM元素、图片等等。它的特点有：源文件非常小。没有依赖CSS文件，你可以自己定制。可以Tooltip任何你需要的东西。效果演示：http://www.htmleaf.com/Demo/201
2015-04-02 12:46:54
669
原创 HTML5 canvas炫酷棱镜效果的幻灯片特效
这是一款效果非常炫酷华丽的HTML5 canvas带棱镜效果的幻灯片特效。这个特效在每一个幻灯片的前面放置一个图形，并将图形制作为三棱镜效果，它底下的幻灯片图片会被“折射”到棱镜上面，形成一种棱镜折射效果。所有的现代浏览器都支持这个幻灯片特效，包括IE9。效果演示：http://www.htmleaf.com/Demo/201504011607.html下载地址：http://
2015-04-02 12:42:03
1519
原创 jQuery支持移动Mobile的DOM元素移动和缩放插件
jQuery Panzoom是一款非常实用的HTML DOM元素平移和缩放jQuery和CSS3插件。Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速，它可以支持任何元素的平移和缩放：图片、视频、iframe、canvas或文本等等。Panzoom支持移动Mobile的触摸姿势，也支持使用手指来缩放元素大小。它完全可以同时在桌面设备和移动手机
2015-04-01 12:59:04
1186
原创 jQuery炫酷3D翻页式电子时钟特效
FlipClock.js是一款实现翻页式效果的jQuery计时器插件。该计时器插件可以实现时分秒的计时，12小时制的计时，24小时制的计时，各种计数器效果，倒计数效果等等。现在有各种版本的计时器和计数器插件，但是它们大部分都是只实现了某个特定方面的内容。而FlipClock充分适应了各种需求，既可以做计数器，也可以做计时器。以下是FlipClock的一些应用场景和它的一些特点：作为时钟
2015-04-01 12:53:40
1479
原创 jQuery跨设备和跨浏览器的select下拉列表框插件
sumoselect是一款跨设备、跨浏览器的jQuery下拉列表框插件。该jQuery下拉列表框插件可以单选，也可以多选。它的样式可以通过CSS文件来自定义。它的最大特点是可以跨设备使用，所有设备上功能都是一致的。该jQuery下拉列表框插件的特点有：可以进行单选，也可以进行多选。可以通过CSS文件来自定义样式。支持绝大多数的设备。根据设备智能渲染。在Android、IOS、Windo
2015-03-28 12:46:54
1124
1
原创 jQuery和CSS3超酷三面板幻灯片插件
这是一款效果非常酷的jquery和css3三面板幻灯片特效插件。该幻灯片插件将一张图片分割为三部分，在幻灯片切换的时候，图片的每一部分都从不同方向进入显示，效果非常不错。你可以使用左右导航箭头或下面的原点导航来控制幻灯片图片的切换。该幻灯片被设计为可以加载无限图片的模式，所以你可以任意添加你想要播放的图片的数量。在线演示：http://www.htmleaf.com/Demo/20
2015-03-28 12:40:57
773
原创 CSS3网页固定背景视觉差特效
这是一款非常实用的CSS3网页固定背景视觉差特效插件。该固定背景特效可以在页面中固定某些元素，在页面滚动的时候可以修改这些元素的视觉效果，从而制作出一种滚动视觉差的特效。该固定背景视觉差特效的效果都是使用CSS3来完成的，jQuery代码只是用于管理上下导航按钮的事件。该效果主要使用CSS的background-attachment属性来实现。在例子中，使用一幅手机的图片作为固定位置元素，在页
2015-03-27 12:45:39
2283
原创 基于GSAP的SVG Loading加载动画特效
这是一组效果非常炫酷的基于GSAP的SVG Loading加载动画特效。这组SVG加载动画特效共有7种效果，分别使用GSAP对SVG进行操纵，制作出各种炫酷的Loading加载动画效果。这些SVG加载动画效果依赖于一个非常强大的插件-DrawSVGPlugin，该插件可以帮助你创建高质量的SVG动画和特效。注意，这个效果中的例子你可以在本地计算机中自由在查看效果，但是如果你要将这些效果用于
2015-03-27 12:38:52
1299
原创 通过拖动鼠标进行滚动的js插件
dragscroll是一款非常小巧的可通过拖动来进行滚动的js插件。该拖动滚动插件的min版本只有410个字节。通过该插件你可以将整个页面或某个div转换为可用鼠标拖动来滚动的元素。这对于某些场合的展示效果是非常有用的。dragscroll的最小版本dragscroll_micro.js大小为410个字节，仅支持基本的拖放滚动功能。dragscroll的完整版本dragscroll.js大
2015-03-26 13:12:25
2298
原创 58种jQuery模拟CSS3过渡页面切换特效
Animsition是一款使用jQuery来实现CSS3动画的页面切换动画特效插件。该页面切换动画特效插件共有58种效果，按大类别来分可以分为：淡入淡出效果、旋转、翻转和放大缩小效果。另外每种效果都对应一种遮罩模式。Animsition需要支持CSS3的浏览器才能正常工作。IE10+ChromeSafariFirefoxOpera在线演示：http://www.htmleaf.
2015-03-26 13:09:33
840
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人