2014 年 12月随笔档案 - 拎壶充

基于jQuery的图片异步加载和预加载实例

摘要：如今的网页中有很多图片，比如相册列表，那么如果一次性读取图片将会瞬间加重服务器的负担，所以我们用jQuery来实现图片的异步加载和预加载功能，这样在页面的可视范围内才会加载图片，当拖动页面至可视界面时，其他图片才会加载，改插件很好地实现了图片异步加载功能。在线预览源码下载html代码部分： ... 阅读全文

posted @ 2014-12-31 13:38 拎壶充阅读(1899) 评论(0) 推荐(0) 编辑

一款基于jQuery的超酷动画幻灯片

摘要：今天给大家带来一款仿步步高vivo手机网站的一款首页焦点幻灯展示特效，带有超酷炫的动画特效，动态效果丝毫不逊色于flash动画，具有很强的视觉冲击力，推荐下载学习！提示：兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。效果图如下：在... 阅读全文

posted @ 2014-12-31 09:06 拎壶充阅读(365) 评论(0) 推荐(0) 编辑

基于html5和jquery的篮球跳动游戏

摘要：今天给大家分享一款基于html5和jquery的篮球跳动游戏。这款实例和之前分享的HTML5重力感应小球冲撞动画类似。用鼠标拖动篮球，篮球在页面上跳动，可在演示中看下效果。效果图如下：在线预览源码下载实现的代码。这个实例主要是js代码。js需要引用jquery和Phaser.js这两个库。页面上的j... 阅读全文

posted @ 2014-12-30 15:04 拎壶充阅读(1006) 评论(0) 推荐(0) 编辑

jQuery+html5实现的3D动态切换焦点轮播幻灯片

摘要：今天爱编程给网友们分享一款基于jQuery+html5实现的3D动态切换焦点轮播幻灯片，支持左右箭头和圆点按钮播放控制，支持多种不同的3D动态切换特效，自适应全屏显示，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。横向全屏显示，效... 阅读全文

posted @ 2014-12-30 09:36 拎壶充阅读(5031) 评论(0) 推荐(0) 编辑

一款基于jQuery的带Tooltip表单验证的注册表单

摘要：今天给大家分享一款基于jQuery的注册表单，这款注册表单的特点是确认提交注册信息时，表单会自动验证所填写的信息，如果信息填写有误，即会在相应的字段内以Tooltip提示框的形式显示错误信息。这款jQuery表单实现非常简单，使用起来相对比较轻巧。在线预览源码下载这款插件js要引用jquery.js... 阅读全文

posted @ 2014-12-29 16:42 拎壶充阅读(714) 评论(0) 推荐(0) 编辑

HTML5重力感应小球冲撞动画实现教程

摘要：今天我们来分享一款很酷的HTML5重力感应动画教程，这款动画可以让你甩动页面中的小球，小球的大小都不同，并且鼠标点击空白区域时又可以生成一定数量的小球。当我们甩动小球时，各个小球之间就会发生互相碰撞的效果，并且在运动过程中模拟了重力感应的物理效果。你可以在DEMO演示中来尝试一下。在线预览源码下载接... 阅读全文

posted @ 2014-12-29 12:59 拎壶充阅读(1218) 评论(0) 推荐(0) 编辑

一款基于jQuery的图片场景标注提示弹窗特效

摘要：爱编程小编今天给大家分享一款基于jQuery的图片场景标注提示弹窗特效，这款实例适合在图片上标注某个物件，单击弹出详情说明，兼容360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗，不支持IE8及以下浏览器。效果非常不错。效果如下：在线预览源码下载实现的过程。这款实例... 阅读全文

posted @ 2014-12-29 09:21 拎壶充阅读(879) 评论(0) 推荐(0) 编辑

基于css3的鼠标经过动画显示详情特效

摘要：之前为大家分享过一款基于jquery的手风琴显示详情，今天给大家分享基于css3的鼠标经过动画显示详情特效。这款实例鼠标经过的时候基于中间动画放大，效果非常不错，效果图如下：在线预览源码下载实现的代码。html代码： Vakmanschap en ambacht ... 阅读全文

posted @ 2014-12-26 13:38 拎壶充阅读(497) 评论(1) 推荐(0) 编辑

分享8个常用的jQuery焦点图插件

摘要：现在web网页jquery应用越来越广泛，目前几乎每一个WEB项目都在使用jQuery，因为jQuery插件实在太丰富，尤其是一些图片滑块插件和jQuery焦点图插件，更是多如牛毛，很多初学者只需稍微修改就可以使用。本文精选了8款比较强大的jQuery焦点图插件，希望对读者有所帮助。1、jQuery... 阅读全文

posted @ 2014-12-26 10:55 拎壶充阅读(479) 评论(0) 推荐(1) 编辑

2014圣诞节一款纯css3实现的雪人动画特效

摘要：在2014年的圣诞节，爱编程小编给大家分分享一款纯css3实现的雪人动画特效。该实例实现一个雪人跳动的特效，效果图如下：在线预览源码下载实现的代码。html代码： lolwut-@rsmswlln ... 阅读全文

posted @ 2014-12-25 14:03 拎壶充阅读(540) 评论(0) 推荐(0) 编辑

基于jQuery的时间轴鼠标悬停动画插件

摘要：之前为大家分享了很多jquery插件，这次我们要来分享一款不太常见的jQuery插件，它是一个时间轴，时间轴上的每一个点在鼠标滑过时都可以显示该点的描述信息，并且鼠标滑过时都可以产生一定的动画特效，比如鼠标划过时圆圈的展开动画。在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-25 09:36 拎壶充阅读(662) 评论(0) 推荐(0) 编辑

纯css3实现的鼠标悬停动画按钮

摘要：今天给大家带来一款纯css3实现的鼠标悬停动画按钮。这款按钮鼠标经过前以正方形的形式，当鼠标经过的时候以动画的形式变成圆形。效果图如下：在线预览源码下载实现的代码。html代码： css3代码： body { background-color... 阅读全文

posted @ 2014-12-23 13:59 拎壶充阅读(788) 评论(0) 推荐(0) 编辑

一款基于的jQuery仿苹果样式焦点图插件

摘要：这次我们要分享的这款jQuery焦点图非常特别，它的外观特别简单，但是又相当大气。焦点图的整体样式是仿苹果样式的，由于jQuery的运用，我们只要点击图片下方的缩略图即可达到图片切换的焦点图特效，这款jQuery焦点图插件非常适合在产片展示的网页上使用。在线预览源码下载接下来我们一起分享一下实现这款... 阅读全文

posted @ 2014-12-23 09:07 拎壶充阅读(472) 评论(0) 推荐(0) 编辑

一款基于css3的散子3D翻转特效

摘要：css3使我们能够跳出2d空间，实现3维空间的动画效果，这里给出一个自动翻转的3d色子动画效果制作过程。第一步，首先进行HTML的布局，对于3D效果，布局有一定的规律，代码如下： . .. ... .... ..... ... 阅读全文

posted @ 2014-12-22 13:49 拎壶充阅读(417) 评论(0) 推荐(0) 编辑

一款基于jquery超炫的弹出层提示消息

摘要：今天给大家带来一款基于jquery超炫的弹出层提示消息。这款实例页面初始时，一个go按钮。当单击go按钮时，提示强出层以动画形式出现。效果图如下：在线预览源码下载实现的代码。html代码： GO ... 阅读全文

posted @ 2014-12-20 09:06 拎壶充阅读(411) 评论(0) 推荐(0) 编辑

一款基于jQuery的联动Select下拉框

摘要：今天我们要来分享一款很实用的jQuery插件，它是一个基于jQuery多级联动的省市地区Select下拉框，并且值得一提的是，这款联动下拉框是经过自定义美化过的，外观比浏览器自带的要漂亮许多。另外，这个Select下拉框也可以绑定下拉事件，并获取当前选中项的值。在线预览源码下载实现的代码。html代... 阅读全文

posted @ 2014-12-19 10:43 拎壶充阅读(883) 评论(2) 推荐(1) 编辑

一款基于jquery的喜欢动画按钮

摘要：今天给大家带来一款基于jquery的喜欢动画按钮。这个实例中给了三种动画特效。效果图如下：在线预览源码下载实现的代码。html代码： CSS 'like' buttons Basic 'like' button: ... 阅读全文

posted @ 2014-12-18 14:46 拎壶充阅读(466) 评论(0) 推荐(0) 编辑

html5和css3实现的3D滚动特效

摘要：今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-17 13:59 拎壶充阅读(995) 评论(0) 推荐(0) 编辑

一款纯html5实现的时钟

摘要：今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图：在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-16 14:01 拎壶充阅读(999) 评论(0) 推荐(0) 编辑

一款基于css3和jquery实现的动画弹出层

摘要：今天给大家分享一款基于css3和jquery实现的动画弹出层。这款弹出层初页面面一个显示弹出层按钮。单击该按钮时，弹出层以非常炫的动画形式出现。弹出层有关闭按钮，单击半闭按钮，弹出层关闭。效果图如下：在线预览源码下载实现的代码。html代码: ... 阅读全文

posted @ 2014-12-15 14:33 拎壶充阅读(858) 评论(0) 推荐(0) 编辑

一款基于jQuery带事件记录的日历插件

摘要：之前我们也已经分享过不少jQuery日历插件，有些应用了CSS3的特性，外观就特别漂亮。今天要分享的这款jQuery日历插件不仅有着绚丽的外观，而且带有日期事件记录功能，点击日期即可展开事件记录窗口，你可以设置事件的描述以及提醒的时间，是一款相对实用的jQuery日历插件。在线预览源码下载接下来我们... 阅读全文

posted @ 2014-12-15 11:47 拎壶充阅读(2103) 评论(0) 推荐(0) 编辑

一款基于jQuery的图片下滑切换焦点图插件

摘要：之前为大家分享了好多款jquery插件，今天我们要分享的一款jQuery插件也比较实用，是一款jQuery焦点图插件。焦点图相当普通，一共可以循环播放4张图片，并且每一张图片在切换的时候都是向下滑动的切换效果，并且在向下切换时产生弹性的动画特效，另外，插件是基于jQuery的，各种浏览器的兼容性应该... 阅读全文

posted @ 2014-12-13 09:03 拎壶充阅读(469) 评论(0) 推荐(0) 编辑

一款jquery和css3实现的卡通人物动画特效

摘要：之前为大家分享了很多jquery和css3的动画实例。今天给大家带来一款非常炫的jquery和css3实现的卡通人物动画特效。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-12 11:00 拎壶充阅读(813) 评论(0) 推荐(0) 编辑

纯css3实现的竖形二级导航

摘要：之前为大家分享了好多导航菜单。今天给大家带来一款纯css3实现的竖形二级导航。这款导航菜单可以是无限级。一起看下效果图：在线预览源码下载实现的代码。html代码： Menu 1 ... 阅读全文

posted @ 2014-12-10 13:54 拎壶充阅读(973) 评论(0) 推荐(0) 编辑

一款基于jQuery的热点新闻Tab选项卡插件

摘要：今天要分享的jQuery焦点图插件非常适合展示热点新闻，之前我们分享过好多基于jQuery的焦点图插件，效果都还很不错。它可以在图片上方展示文字标题，并且焦点图的切换按钮时tab风格的，图片切换也十分流畅。效果图如下：在线预览源码下载html代码： ... 阅读全文

posted @ 2014-12-10 09:02 拎壶充阅读(306) 评论(0) 推荐(0) 编辑

纯css3实现的win8加载动画

摘要：今天给大家分享一款纯css3实现的win8加载动画。在这款实例中动画效果完全由css3实现。一起看下效果图：在线预览源码下载实现的代码。html代码： Windows 8 ... 阅读全文

posted @ 2014-12-09 13:44 拎壶充阅读(639) 评论(1) 推荐(0) 编辑

一款纯css3实现的tab选项卡

摘要：今天给大家带来一款纯css3实现的tab选项卡。单击左侧的选项的时候，右侧内容以动画的形式展示。效果图如下：在线预览源码下载实现的代码。html代码： Night Tabs ... 阅读全文

posted @ 2014-12-08 13:41 拎壶充阅读(431) 评论(0) 推荐(0) 编辑

2014年圣诞节倒计时网页

摘要：2014年的圣诞节即将来临之季。爱编程小编给大家分享一款2014年圣诞节倒计时网页，当天的日期卡片有抖动的效果。一起看下效果图：在线预览源码下载实现的代码。html代码： Merry Christmas 1 ... 阅读全文

posted @ 2014-12-05 08:59 拎壶充阅读(440) 评论(0) 推荐(0) 编辑

一款超炫的图片排列特效

摘要：今天给大家分享一款超炫的图片排列特效。页面加载时。图片纵向堆叠在页面中，当鼠标单击toggle按钮时，图片依次展开。铺满整个网页。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-04 09:36 拎壶充阅读(576) 评论(0) 推荐(0) 编辑

一款纯css3实现的发光屏幕旋转特效

摘要：今天给大家带来一款纯css3实现的发光屏幕旋转特效。该屏幕由纯css3实现带发光旋转特效，效果图如下：在线预览源码下载实现的代码。html代码： css3代码：*{ margin: 0; padding: 0;}*,*:before,*:after { -webkit-box-... 阅读全文

posted @ 2014-12-03 14:07 拎壶充阅读(1118) 评论(0) 推荐(0) 编辑

基于jquery和svg超炫的网页动画

摘要：今天给大家分享一款基于jquery和svg超炫的网页动画。这款动画效果非常炫。下面还有重播、慢速、和反向动画按钮。效果非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-02 13:45 拎壶充阅读(435) 评论(0) 推荐(0) 编辑

一款纯css3实现的超炫3D表单

摘要：今天要给大家分享一款纯css3实现的超炫3D表单。该特效页面的加载的时候3d四十五度倾斜，当鼠标经过的时候表单动画回正。效果非常炫，一起看下效果图：在线预览源码下载实现的代码。html代码： ... 阅读全文

posted @ 2014-12-01 14:03 拎壶充阅读(668) 评论(0) 推荐(0) 编辑