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

jquery和css3实现的很酷的菜单导航

摘要：今天为大家带来的是jquery和css3实现的不错的导航菜单。点击列表图表后，内容页面向内移动显示菜单项。当单击关闭菜单按钮时，菜单项隐藏，内容页恢复原位。看下图在线预览源码下载我们看下实现代码：html代码： ... 阅读全文

posted @ 2014-08-31 15:56 拎壶充阅读(534) 评论(0) 推荐(0) 编辑

纯css3鼠标经过图片显示描述特效

摘要：今天给大家带来的是用css3技术实现鼠标经过图片，显示图片描述的动画效果。鼠标经过图片时，图片动画缩小并渐变显示描述。我们一起看看效果图：在线预览源码下载我们一起学习下此案例的代码。html代码： ... 阅读全文

posted @ 2014-08-30 20:56 拎壶充阅读(492) 评论(0) 推荐(0) 编辑

纯css3简单实用的checkbox复选框和radio单选框

摘要：昨天为大家分享了一款很炫的checkbox复选框和radio单选框，今天再给大家带来一款简单实用的checkbox复选框和radio单选框。界面清淅、舒服。先给大家来张效果图：在线预览源码下载实现html代码: ... 阅读全文

posted @ 2014-08-29 08:52 拎壶充阅读(2137) 评论(0) 推荐(1) 编辑

纯css3实现的超炫checkbox复选框和radio单选框

摘要：之前为大家分享了好多css3实现的按钮。今天要为大家分享的是纯css3实现的checkbox复选框和radio单选框，效果超级炫。先让我们看看图吧! 在线预览源码下载这个实例完全由css3实现的没有任何js代码。下面我们一起看下实现代码吧html代码： ... 阅读全文

posted @ 2014-08-27 21:02 拎壶充阅读(726) 评论(3) 推荐(0) 编辑

css3和jquery实现的可折叠导航菜单(适合手机网页)

摘要：之前为大家介绍了好几款css3导航，今天为大家在介绍的是一款适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示菜单，单击关闭，动画关闭。效果相当不错。效果图如下：在线预览源码下载这个实例由css3和依赖于jquery插件。下面是实现代码html代码： ... 阅读全文

posted @ 2014-08-26 22:48 拎壶充阅读(1659) 评论(0) 推荐(0) 编辑

HTML5 Canvas 梦幻的文字飞扬动画教程

摘要：之前为大家介绍了一款HTML5/CSS3 3D文字特效文字外翻效果。今天为大家带来的是html5 canvas实现的文字漂动动画效果。画面非常梦幻。在线预览源码下载实现代码如下：html代码： ... 阅读全文

posted @ 2014-08-25 21:50 拎壶充阅读(558) 评论(0) 推荐(0) 编辑

纯css3实现的圆形旋转分享按钮

摘要：之前已经为大家介绍了好几款css3按钮，今天要为大家介绍的是一款纯css3实现的圆形旋转分享按钮。旋转的角度可以自己调整。在demo中演示了三个角度旋转。360度，60度，-360度。如图：在线预览源码下载看下实现代码：html代码： 360 degree spin onMouseover and... 阅读全文

posted @ 2014-08-24 22:39 拎壶充阅读(1756) 评论(0) 推荐(0) 编辑

纯css3实现的创意图片放大镜

摘要：今天要给大家分享的的一款用纯css3实现的图片放大镜特效。页面打开五个小图显示于页面。当鼠标经过图片时，当前图片以灰色背景图的形式展示。效果非常不错。在线预览源码下载实现的代码：html代码： css代... 阅读全文

posted @ 2014-08-24 11:41 拎壶充阅读(2169) 评论(0) 推荐(0) 编辑

css3 data-attribute属性打造漂亮的按钮

摘要：之前介绍了几款css3实现的按钮，今天为网友来款比较新鲜的，用css3的data-attribute属性开发按钮，当鼠标经过显示按钮的详细信息。而且实现过程很简单，几行代码就搞定。大家试一试吧。如下图：在线预览源码下载不错吧，贴上实现代码： html代码：爱编程c... 阅读全文

posted @ 2014-08-21 23:13 拎壶充阅读(1846) 评论(0) 推荐(0) 编辑

css3实现的4种动画特效按钮

摘要：今天要给大家介绍的是css3按钮，里面包含四种特效的动画，如下图：在线预览下载源码实现html代码： Ajouter au panier... 阅读全文

posted @ 2014-08-21 13:28 拎壶充阅读(742) 评论(0) 推荐(1) 编辑

纯css3开发的响应式设计动画菜单（支持ie8）

摘要：这是一个响应式设计的菜单。单击列表图标，当你显示屏大小可以完全水平放下所有菜单项时，菜单水平显示（如图1）。当你的显示屏不能水平放置所有菜单项时，菜单垂直显示（如图2）。而且显示的时候是以动画的型式显示。效果相当的好。阅读全文

posted @ 2014-08-20 17:14 拎壶充阅读(762) 评论(0) 推荐(0) 编辑

jquery开发的数字相加游戏(你能玩几分)

摘要：jquery开发的数字相加游戏，我在一轮中玩了632分（如下图），你能玩几分，哈哈... 阅读全文

posted @ 2014-08-19 00:16 拎壶充阅读(1060) 评论(0) 推荐(0) 编辑

基于jquery多种切换效果的焦点图(兼容ie6)

摘要：随着html5和css3的诞生。各种非常酷、非常炫的网页焦点图在各个前端技术网上满天飞。基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持。这让需兼容ie6到ie8的页面又爱又恨。下面为大家介绍一款完全基于juery的焦点图，而且这款插件完美支持ie6，多种百叶窗切换，效果还是相当赏目的。阅读全文

posted @ 2014-08-17 22:00 拎壶充阅读(1855) 评论(4) 推荐(5) 编辑

纯CSS3打造非常炫的加载动画

摘要：