10 2014 档案

一款简洁的纯css3代码实现的动画导航
摘要：之前为大家介绍了好多导航菜单，今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。效果图如下：在线预览源码下载实现的代码。html代码： MENU ONE ... 阅读全文
posted @ 2014-10-31 09:04 拎壶充 阅读(438) 评论(0) 推荐(0) 编辑
一款纯css3实现的响应式导航
摘要：之前为大家介绍了好几款响应式导航。今天再给大家带来一款纯css3实现的响应式导航。这款导航还有个响应式的搜索框。废话少说，直接上图：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-10-30 08:58 拎壶充 阅读(746) 评论(0) 推荐(0) 编辑
一款基于TweenMax.js的网页幻灯片
摘要：之前介绍了好多网页幻灯片。今天给大家带来一款基于TweenMax.js的网页幻灯片。这款幻灯片以不规则的碎片百叶窗的形式切换。切换效果非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： // For more check out zachsaucie... 阅读全文
posted @ 2014-10-29 09:00 拎壶充 阅读(1058) 评论(0) 推荐(0) 编辑
4款基于jquery的列表图标动画切换特效
摘要：网页中列表图标随处可见，特别是移动网页上，基本上的导航都采用了列表图标。今天给大家分享4款基于juqery的列表图标和关闭图标的动画切换特效。喜欢的网友赶紧收藏吧。在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-10-28 09:14 拎壶充 阅读(372) 评论(0) 推荐(0) 编辑
随着鼠标移动的文字阴影
摘要：今天给大家分享一款随着鼠标移动的文字阴影特效。该实例的文字用了阴影特效，阴影会随鼠标上下移动和移动。实例的背景采用了动态加载，每间隔一段时间用不同的背景色，效果相当好看，一起看下效果图：在线预览源码下载实现的代码。html代码： HellO Pajumed! css代码：... 阅读全文
posted @ 2014-10-27 08:48 拎壶充 阅读(399) 评论(0) 推荐(0) 编辑
一款纯css实现的垂直时间线效果
摘要：今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：在线预览源码下载实现的代码。html代码： Blueprint ... 阅读全文
posted @ 2014-10-26 11:11 拎壶充 阅读(3391) 评论(1) 推荐(0) 编辑
一款基于jquery的侧边栏导航
摘要：之前为大家介绍了好多导航菜单，今天给大家分享一款基于jquery的侧边栏导航。这款导航侧边滑出，适合放在手机网页或webapp。一看下实现的效果图：在线预览源码下载实现的代码。html代码： Material design animati... 阅读全文
posted @ 2014-10-25 09:16 拎壶充 阅读(730) 评论(0) 推荐(0) 编辑
一款纯css3实现的鼠标经过按钮特效
摘要：今天再给大家带来一款纯css3实现的鼠标经过按钮特效。这款按钮非常简单，但效果很好，非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： WIFEO ... 阅读全文
posted @ 2014-10-24 08:54 拎壶充 阅读(939) 评论(0) 推荐(0) 编辑
一款基于jquery漂亮的按钮
摘要：之前为大家分享了好多css3实现的按钮。今天给大家分享一款基于jquery漂亮的按钮。这款按钮背景下用了一张图片。当鼠标经过的时候背景用半透明div遮住。一起看下效果图：在线预览源码下载实现的代码。html代码： See This Button? Now You do. ... 阅读全文
posted @ 2014-10-23 08:57 拎壶充 阅读(556) 评论(0) 推荐(0) 编辑
一款仿ios7的switches开关按钮
摘要：今天给大家介绍一款仿ios7的switches开关按钮。这款按钮也是纯css实现的。无需引js代码。在实现中给出了两种颜色,三种不同大小的demo。一起看下效果图：在线预览源码下载实现的代码。html代码： iOS 7 style switches wit... 阅读全文
posted @ 2014-10-22 08:59 拎壶充 阅读(516) 评论(0) 推荐(0) 编辑
基于jquery的可拖动div
摘要：昨天给大家介绍了一款基于jquery ui漂亮的可拖动div实例，今天要给大家分享一款基于jquery的可拖动div。这款可拖动div只要引用jquery就可以，无需引用jquery ui。还实时记录的鼠标的坐标。一起看下效果图吧。在线预览源码下载实现的代码。html代码： DRAGGIN' WI... 阅读全文
posted @ 2014-10-21 08:52 拎壶充 阅读(1028) 评论(0) 推荐(0) 编辑
一款基于jquery ui漂亮的可拖动div实例
摘要：今天要给大家带来一款基于jquery ui漂亮的可拖动div实例。这款实例用了图片当背景，div层采用了幽灵透明效果。div拖动是基于jqueryui的。界面非常漂亮。一起看下效果图：在线预览源码下载实现的代码。html代码： Blurred Backg... 阅读全文
posted @ 2014-10-20 08:55 拎壶充 阅读(2406) 评论(2) 推荐(1) 编辑
一款html5和css3实现的小机器人走路动画
摘要：之前介绍了好多款html5和css3实现的动画，今天要给大家带来一款html5和css3实现的小机器人走路动画。该实例的人物用html5绘画的，动画效果是html5和css3实现的。一起看下效果图。在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-10-18 08:45 拎壶充 阅读(1739) 评论(0) 推荐(0) 编辑
一款纯css3实现的图片3D翻转幻灯片
摘要：之前介绍了好多款网页幻灯片，今天要给大家再带来一款纯css3实现的图片3D翻转幻灯片。这款幻灯片图片轮播采用了3D翻转的形式，效果非常不错。一起看下效果图：在线预览源码下载实现的代码。html代码： pure CSS slice cube slideshow ... 阅读全文
posted @ 2014-10-17 09:25 拎壶充 阅读(995) 评论(1) 推荐(0) 编辑
纯css3实现图片三角形排列
摘要：当今是个读图时代。纯大部分网页或多或少都会用到图片。特别是图片较多的网页。图片的布局和排版就非常重要了。今天要给大写带来一款纯css3实现图片三角形排列。适合一系列的图片。效果图如下：在线预览源码下载实现的代码。html代码: ... 阅读全文
posted @ 2014-10-16 08:57 拎壶充 阅读(1383) 评论(0) 推荐(1) 编辑
7款基于jquery的动画搜索框
摘要：无论是电商网站，还是媒体网，还是个人博客，每个网站都有属于自己个性化的搜索框。今天小编给大家带来7款基于jquery的动画搜索框。每个搜索框都采用了动画效果，一起看下效果图吧。在线预览源码下载实现的代码。html代码： CSS Animated Search Boxes ... 阅读全文
posted @ 2014-10-15 09:08 拎壶充 阅读(412) 评论(0) 推荐(1) 编辑
一款纯css3实现的机器人看书动画效果
摘要：今天要给大家介绍一款纯css3实现的机器人看书动画效果。整个画面完全由css3实现的绘制，没有使用任何图片元素。机器人的眼睛使用了动画元素。我们一起看下效果图：在线预览源码下载实现的代码。html代码： < HTML > ... 阅读全文
posted @ 2014-10-14 08:49 拎壶充 阅读(965) 评论(0) 推荐(0) 编辑
分享JQuery动画插件Velocity.js的六种列表加载特效
摘要：分享JQuery动画插件Velocity.js的六种列表加载特效。在这款实例中给中六种不同的列表加载效果。分别为从上飞入、从右侧飞入、从左侧飞入、和渐显。一起看下效果图：在线预览源码下载实现的代码。html代码： Velocity.js slice + sequence Onl... 阅读全文
posted @ 2014-10-13 08:55 拎壶充 阅读(1837) 评论(0) 推荐(0) 编辑
html5和css3打造一款创意404页面
摘要：之前和网友分享一款HTML5可爱的404页面动画 很逗的机器人。今天要爱编程小编要再给大家带来一款html5和css3打造的创意404页面。一起看下效果图吧：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-10-12 11:49 拎壶充 阅读(5600) 评论(0) 推荐(0) 编辑
分享一款基于jquery的圆形动画按钮
摘要：之前为大家介绍过一款纯css3实现的圆形旋转分享按钮。今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈，然后逐渐消息，在实例中给出了四种颜色的demo。效果图如下：在线预览源码下载实现的代码。html代码： i ... 阅读全文
posted @ 2014-10-11 08:54 拎壶充 阅读(1095) 评论(0) 推荐(0) 编辑
一款基于jquery和css3实现的摩天轮式分享按钮
摘要：之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮，单击该按钮，摩天轮按钮以动画的形式出现，各个分享按钮挂在摩天轮上。效果图如下：在线预览源码下载实现的代码。部分html代码： ... 阅读全文
posted @ 2014-10-10 08:46 拎壶充 阅读(785) 评论(0) 推荐(0) 编辑
一款纯css3实现的环形导航菜单
摘要：之前为大家介绍了好几款导航菜单，今天要给大家带来一款纯css3实现的环形导航菜单。该导航比较新鲜，列表图标位于中间，单击列表图标的时候，各项分布于列表图表的四周。形成一个环形。效果图如下：在线预览源码下载实现的代码。html代码： Cool Open/Clos... 阅读全文
posted @ 2014-10-09 08:47 拎壶充 阅读(3167) 评论(0) 推荐(2) 编辑
一款纯css3实现的动画加载导航
摘要：之前为大家介绍了好几款导航菜单，今天为给大家再带来一款纯css3实现的动画加载导航。该导航出现的时候以动画的形式出现。效果图如下：在线预览源码下载实现的代码。html代码： Home About UsAnother LinkAnd anotherStuffHel... 阅读全文
posted @ 2014-10-08 08:42 拎壶充 阅读(483) 评论(0) 推荐(1) 编辑
一款基于jquery带百分比的响应式进度加载条
摘要：今天要给大家带来一款基于jquery带百分比的响应式进度加载条。这款加载条非常漂亮，而且带有进度的百度比，且在不同的百分比用的是不同的颜色。而且这款加载条采用了响应式设计，在不同的分辨率的显示器下完美支持。一起看下效果图吧。在线预览源码下载实现的代码。html代码： Battle.ne... 阅读全文
posted @ 2014-10-02 00:03 拎壶充 阅读(1392) 评论(1) 推荐(2) 编辑

点击右上角即可分享
微信分享提示