- 博客(35)
- 收藏
- 关注
RSS订阅原创 jQuery和CSS3超酷全屏视觉差幻灯片特效
这是一款效果非常炫酷的jQuery和CSS3全屏视觉差幻灯片特效。该幻灯片采用半透明的遮罩层作为文字说明层。在幻灯片切换时，文字有动态放大的效果。图片和文字的移动形成了一种微妙的视觉差效果。效果演示：http://www.htmleaf.com/Demo/201506162049.html下载地址：http://www.htmleaf.com/jQuery/Slideshow-Scro
2015-06-18 12:52:23
964
原创 jQuery和CSS3超炫3D整屏垂直滚动页面特效
这是一款使用jQuery和CSS3制作的效果超炫的3D整屏垂直滚动页面特效。该页面滚动特效在用户滚动鼠标或点击右侧的导航圆点按钮时，当前页面会3D倾斜缩小，下一个页面会逐渐放大并占满整个屏幕，效果非常酷。效果演示：http://www.htmleaf.com/Demo/201506132028.html下载地址：http://www.htmleaf.com/jQuery/Layout-
2015-06-15 12:56:41
3523
原创 jQuery轻量级简单实用的图片放大镜特效
zoomtoo是一款轻量级的简单实用的jQuery图片放大镜特效插件。这个图片放大镜特效在鼠标滑过图片的时候，在原来图片区域内部将图片放大。鼠标进入和离开图片区域时都带有淡入淡出的效果。浏览器兼容：Firefox 2+ (Win, Mac, Linux)IE7+ (Win)Chrome 6+ (Win, Mac, Linux, Android, iPhone)Safari 3.2+
2015-06-11 12:53:59
1860
原创 jQuery高性能自定义滚动条美化插件
malihu是一款高性能的滚动条美化jQuery插件。该滚动条美化插件支持水平和垂直滚动条，支持鼠标滚动，支持键盘滚动和支持移动触摸屏。并且它可以和jQuery UI和Bootatrap完美的结合，相当的强大。它的特点有：支持垂直和水平滚动条可调整滚动的动量支持鼠标滚轮、键盘和移动触摸来移动滚动条预定义主题，并且可以通过CSS来修改主题支持RTL方向提供大量参数来支持滚动条的美化和功能实现
2015-06-10 12:49:49
6573
原创 适合移动手机使用的js环形菜单特效插件
blooming-menu是一款适合在移动手机上使用的js环形菜单插件。该环形菜单提供了众多的参数，通过结合CSS3动画制作出效果非常炫酷的圆形菜单展开和隐藏动画效果。下面是这个圆形菜单菜价的可用参数：opts.itemsNum：类型：Number，该参数为必填参数。该参数是菜单项的数量。opts.startAngle：类型：Number，默认值90。菜单的开始角度。opts.endA
2015-06-09 13:07:58
2414
原创 基于HTML5 canvas的jQuery刮刮卡效果
ScratchIt是一款基于HTML5 canvas的jQuery刮刮卡效果插件。这个刮刮卡效果使用两张图片和canvas来制作，可以使用鼠标擦除上面的图片，将下面的图片显露出来，模拟现实的刮刮卡效果。效果演示：http://www.htmleaf.com/Demo/201506071985.html下载地址：http://www.htmleaf.com/html5/html5-can
2015-06-08 13:05:22
2570
转载 防止jQuery的AJAX请求缓存里的数据
在使用jQuery做AJAX请求的时候，如何防止AJAX在缓存中调用数据呢？参数type由get改成post添加参数cache并设置成false添加时间戳参考代码如下：$.ajax({ url: 'ios/index', cache: false, type: 'post', data: { timestamp: new Date
2015-06-07 13:08:08
579
原创 9种CSS3 blend模式制作的鼠标滑过图片标题特效
这是一款使用CSS3 background-blend-mode制作的鼠标滑过图片标题特效。该图片标题特效在鼠标滑过一张图片的时候，图片的标题会相应的动画，并且图片会使用css blend模式渲染为非常酷的效果。IE浏览器不支持CSS background-blend-mode属性，所以在IE浏览器中看不到图片的混合效果，只能看到图片标题的动画效果。效果演示：http://www.ht
2015-06-06 13:26:06
1224
原创 jQuery UI炫酷雨滴落在水面上的波纹涟漪特效
raindrops是一款效果非常炫酷的jQuery UI雨滴落在水面上的特效。该特效模拟水滴从空中落入平静的水面上的效果。通过参数可以设置水面波纹的大小，强度，波纹扩散的速度等等属性。效果演示：http://www.htmleaf.com/Demo/201506041968.html下载地址：http://www.htmleaf.com/jQuery/Layout-Interfac
2015-06-05 12:46:48
3233
原创 超炫HTML5 SVG聊天框拖拽弹性摇摆动画特效
这是一款非常有创意的HTML5SVG聊天框拖拽弹性摇摆动画特效。用户可以用鼠标点击或用手滑动聊天框上的指定区域，该区域会以非常有弹性的弹簧效果拉开聊天用户列表。点击一个用户头像后，又以相同的弹性特效切换到聊天界面，并且用户头像会移动到聊天界面的右上角。整个动画弹性十足，效果非常震撼。效果演示：http://www.htmleaf.com/Demo/201506031963.html
2015-06-04 12:44:29
2448
原创 强大的响应式jQuery消息通知框和信息提示框插件
lobibox是一款功能非常强大的jQuery消息通知框和信息提示框插件。这个插件分为两个部分：消息通知框和信息提示框。它能非常好的结合Bootstrap使用。信息提示框lobibox的信息提示框可以是模态窗口，也可以不是模态窗口。允许显示多条信息。允许使用任何可用的CSS动画来显示和隐藏信息提示框。信息提示框可以显示不同的颜色和图标。可以设置为确认信息提示框。可以设置为一行的pr
2015-06-02 12:46:01
10251
原创 可将canvas图像导出为多种格式图片的jQuery插件
ExportCanvas是一款非常实用的可将canvas图像导出为多种格式图片的jQuery插件。该canvas图像导出插件使用浏览器的下载功能将canvas中的图像下载到本地，你可以指定多种类型的图片格式：PNG，JPEG，GIF，BMP，WEBP。效果演示：http://www.htmleaf.com/Demo/201505311943.html下载地址：http://www.ht
2015-06-01 13:03:05
850
原创 HTML5 canvas带渐变色的圆形进度条动画
query-circle-progress是一款带渐变色的圆形进度条动画特效jQuery插件。该圆形进度条使用的是HTML5 canvas来绘制圆形进度条及其动画效果，进度条使用渐变色来填充，效果非常的酷。效果演示：http://www.htmleaf.com/Demo/201505271919.html下载地址：http://www.htmleaf.com/html5/html5-c
2015-05-28 12:57:48
6981
1
原创 HTML5和jQuery轻量级音频播放器
Light-AudioPlayer是一款基于jQuery，HTML5和CSS3的轻量级音频播放器插件。该音乐播放器采用CSS3制作界面，具有体积小，自适应各种屏幕等特点。可以在桌面和移动设备中正常工作。该音乐播放器的特点有：轻量级：整个插件在JS、CSS压缩后最小只有4KB快速响应：采用CSS3特性，自适应各种屏幕，使Light AudioPlayer在手机和平板上也能良好的运作触摸支持：
2015-05-27 13:07:02
2351
1
原创 jQuery和CSS3动感手风琴多级列表树菜单
mtree.js是一款效果非常炫酷的jQuery和CSS3动感手风琴多级列表树菜单插件。该手风琴多级列表树菜单基于velocity.js和CSS3 transitions来制作。它提供了5种主题样式的手风琴列表树菜单效果。这5种主题分别为：bubba,skinny,transit,jet,nix。效果演示：http://www.htmleaf.com/Demo/201505251902.h
2015-05-26 12:59:29
4691
2
原创 jQuery超酷苹果3D音乐专辑封面CoverFlow特效
jQuery Coverflow是一款效果非常炫酷的苹果3D音乐专辑封面CoverFlow特效插件。该CoverFlow特效支持鼠标滚动、移动触摸、图片倒影和复杂的CSS3动画。CoverFlow特效的特点有：支持单独的CSS文件可以使用键盘的Home，End，Page Up，Page Down键进行控制如果浏览器支持会使用CSS3 transformations，否则会自动回退支持动画的
2015-05-25 12:55:11
1543
原创 jQuery超酷轻量级响应式lightbox插件
Smoothbox是一款非常实用的超酷jQuery轻量级响应式lightbox插件。该lightbox插件在图片转换时带有平滑的CSS3过渡效果。如果不使用CSS3过渡效果，该插件可以支持到IE8浏览器。它的特点有：轻量级[1.7Kb]预加载图片可以在多个项之间建立画廊实用CSS3 transitions制作平滑过渡效果响应式图片设置效果演示：http://www.htmleaf.
2015-04-18 12:55:12
2545
原创 支持移动触摸设备的纯js元素拖放插件
Dragula是一款支持移动触摸屏设备的元素拖放纯js插件。这个元素拖放插件使用简单，浏览器兼容性好，能够实现通过鼠标或在移动设备中通过手指来拖动DOM元素的位置。它的特点有：设置非常简单没有外部依赖可以自动对数据进行排序被移动项带有半透明的视觉效果支持移动触摸设备兼容性好，支持IE7+的所有现代浏览器效果演示：http://www.htmleaf.com/Demo/2015041
2015-04-18 12:50:41
2395
原创 可在控制台中执行字符动画的js插件
Dom Animator是一款非常神奇的可以在浏览器控制台中执行源码动画的js插件。当你写了一段HTML源码拿去发布的时候，是否想别人在控制台上查看你的源码时让人感觉与众不同？该js插件可以帮助你将指定的ASCII字符组成的多幅图案制作为动画，在控制台中显示。dom-animator.js是单独的js文件，没有任何jQuery等外部依赖。不需要写CSS样式和HTML标签，它会将生成的动画显示在
2015-03-31 12:51:33
970
原创 28种CSS3炫酷加载动画特效
这是一组效果非常炫酷的纯CSS3 Loading加载动画特效。这组loading动画共有27种不同的效果。每一种loading动画都是通过CSS3的keyframes帧动画来完成的，每一个加载动画都构思新颖，效果非常的酷。效果演示：http://www.htmleaf.com/Demo/201503301597.html下载地址：http://www.htmleaf.com/css
2015-03-31 12:48:04
3117
1
原创 图片和DOM元素网格布局jQuery插件
jMosaic是一款可以将图片或HTML元素均匀分布排列为网格布局的jQuery插件。可以使用的HTML元素有：img、div、li等。该jQuery插件可以将图片等元素整齐排列，元素的宽高比例不会发生变化。效果演示：http://www.htmleaf.com/Demo/201503291594.html下载地址：http://www.htmleaf.com/jQuery/Layou
2015-03-30 13:09:59
851
原创 jQuery超酷3D翻牌式倒计数特效
这是一款效果非常炫酷的jQuery和CSS3 3D翻牌式倒计数特效。这个特效就像NBA比赛的记分牌一样，可以像翻牌一样上下翻动当前的记分牌。该特效将牌子从水平中心线分成两半，上下两半可以绕中心线做翻转动画，效果非常神奇。效果演示：http://www.htmleaf.com/Demo/201503291592.html下载地址：http://www.htmleaf.com/jQ
2015-03-30 13:00:49
3107
原创 jQuery简单备忘录功能的日历插件
e-calendar是一款jQuery简单带备忘录功能的日历插件。通过该jQuery日历插件你可以记录或设置某天某个时刻发生的事情，具有工作备忘录的功能。通过简单的参数设置你就可以定制该日历插件的外观。效果演示：http://www.htmleaf.com/Demo/201503281589.html下载地址：http://www.htmleaf.com/jQuery/Calend
2015-03-29 12:59:06
8610
原创 jQuery表单输入文字统计字数插件
这是一款非常实用的jQuery表单输入文字计数插件。该插件可以设置某个输入框或textarea可输入的最大文字数，当用户输入文字的时候，插件会将字数倒计数显示，提示用户还可以输入多少个文字，并且显示的数字随着数字的减少会越来越清晰。效果演示：http://www.htmleaf.com/Demo/201503281587.html下载地址：http://www.htmleaf.com/
2015-03-29 12:55:29
1400
原创 sublime text超酷主题-Phoenix
Phoenix是一个非常酷的Sublime Text 2主题，它有以下几种效果：Light ThemeLight BlueLight Dark BlueDark ThemeDark GreenDark BlueDark RedDark PinkDark OrangeDark Yellow可以通过Sublime
2015-03-28 13:11:41
1933
原创 sublime text 主题插件-Nexus
Nexus Theme是一个非常好看的sublime text 主题。通过Package Control来安装该主题，搜索：Theme - Nexus。用户设置：{ "theme": "Nexus.sublime-theme"}该主题配合颜色主题Railscast color theme一起使用，效果更好。Nexus.tmThemePreferences -> C
2015-03-14 13:04:53
2024
原创 sublime text 媒体查询代码自动生成插件
Media-Query-Snippets可以通过快捷方式自动生成各种类型的css 媒体查询代码，使用屏幕类型有：Desktop/LaptopIpad (general)Ipad LandscapeIpad PortraitSmartphone (general)Iphone 4 (retina)Smartphone PortraitSmartphone Landscape /* iPa
2015-03-13 13:20:22
1026
原创 sublime text颜色模式转换插件
在用CSS3的一些属性时会用到HSL颜色模式，用软件转来转去确实麻烦，用Hex-to-HSL-Color这个插件便可轻松解决，鼠标选中一个或多个十六进制颜色代码，按下Shift+Ctrl+U立马转换为HSL颜色模式。例如：#bada55 转换为 hsl(74, 64%, 59%)rgb(75, 96, 6) 转换为 hsl(74, 88%, 20%)rgba(117, 149, 9
2015-03-13 13:13:35
2057
原创 sublime text 3 调色板插件
在编辑CSS样式的时候，要加个自己喜欢颜色或改改颜色啥的，要到PS里去调色？ColorPicker可以让sublime text 3内置一个调色盘，调好颜色，点击OK就会在光标处生成十六进制颜色代码。Mac OSXLinuxWindows安装：可以通过Package Control来安装：搜索ColorPicker。使用方法：Linu
2015-03-13 13:04:13
20678
原创 sublime text css动画插件-Animate.css-Snippets
Animate.css-Snippets是可以生成Animate.css动画代码的sublime text插件。例如键入：animatecss-bounceOutDown将生成以下代码：@-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: transl
2015-03-11 19:49:49
1441
原创 sublime text 字体图标插件
Icon-Fonts-Sublime-Text是sublime text的字体图标插件，它可以快速的生成Font Awesome, Glyphicons等字体图标的HTML代码。可以通过Package Control来安装：搜索Icon Fonts。以Font Awesome为例：键入fa-check + Tab键即可获得完整的代码。github:https://github.com/
2015-03-11 13:21:17
3348
原创 sublime text 3经典颜色主题-Soda
soda主题可以在sublime text 2和sublime text 3中使用，分为暗色和亮色两种配色方式。安装：可以通过Package Control来安装：搜索theme-soda。用户配置：sublime text 2:{ "theme": "Soda Light.sublime-theme"}sublime text 3:{ "them
2015-03-08 19:01:25
17799
原创 sublime text侧边栏插件-SideBarEnhancements
SideBarEnhancements是sublime text 3 侧边栏插件，可以显示文件和文件夹，非常美观。并且可以直接在sumblime 侧边栏中添加、修改、删除文件和文件夹。github:https://github.com/titoBouzout/SideBarEnhancements
2015-03-08 18:52:24
15334
原创 sublime text 3插件-Emmet Css Snippets
Emmet Css Snippets是可以自动提示CSS、LESS和SASS语法的sublime text插件。它的特点有：可以自动提示CSS、LESS和SASS语法。有两个版本：has-Prefix 或 no-Prefix。智能自动完成。可以提示伪元素。可以提示扩展属性。安装：通过Package Control来安装：在install中搜索Emmet Css Snippets
2015-03-07 19:15:25
3903
原创 Sublime Text 3安装Package Control
打开Sublime Text 3，按快捷键ctrl+`或者View> Show Console调出控制台，然后将以下代码粘贴到控制台上：Sublime Text 3import urllib.request,os,hashlib; h = 'eb2297e1a458f27d836c04bb0cbaf282' + 'd0e7a3098092775ccb37ca9d6b2e4b7d'; p
2015-03-07 13:17:38
524
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人