11 2014 档案

5种漂亮的纯CSS3动画按钮特效
摘要：这次我们要来分享一款很不错的CSS3按钮动画，这款CSS3按钮一共有5种动画方式，每一种都是鼠标滑过动画形式，虽然这些动画按钮不是十分华丽，但是小编觉得不像其他按钮那样很难扩展，我们可以修改CSS代码随意改变自己喜欢的颜色样式。在线预览源码下载实现的代码。html代码： Download ... 阅读全文
posted @ 2014-11-28 08:49 拎壶充 阅读(1057) 评论(0) 推荐(0) 编辑
一款纯css3实现的漂亮的404页面
摘要：之前为大家分享了那些创意有趣的404页面，html5和css3打造一款创意404页面，HTML5可爱的404页面动画很逗的机器人。今天再给大家分享一款纯css3实现的漂亮的404页面。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-11-27 09:04 拎壶充 阅读(6665) 评论(0) 推荐(1) 编辑
一款手机端的jQuery图片滑块插件
摘要：今天我们要介绍一款比较特别的jQuery图片滑块插件，它不仅在PC浏览器上可以使用，而且更适合在手机端的网页中使用。这款jQuery插件不仅可以定义图片切换的方向，而且可以即时切换图片切换的动画方式，可以有平移、翻转、旋转和幻灯片模式，动画效果非常不错。在线预览源码下载实现的代码： ... 阅读全文
posted @ 2014-11-26 09:40 拎壶充 阅读(1106) 评论(0) 推荐(0) 编辑
一款基于jQuery可放大预览的图片滑块插件
摘要：今天给大家分享一款基于jQuery可放大预览的图片滑块插件。这款jQuery焦点图插件的特点是可以横向左右滑动图片，并且点击图片可以进行放大预览，唯一的缺陷是这款焦点图并不能循环切换，如果你有较好的JavaScript功底，可以自己修改代码来实现这一功能。效果图如下：在线预览源码下载实现的代码。ht... 阅读全文
posted @ 2014-11-25 08:49 拎壶充 阅读(484) 评论(0) 推荐(0) 编辑
纯css3实现的文字亮光特效
摘要：今天给大家分享一款纯css3实现的文字亮光特效。这款特效文字上一道亮光逐渐扫过文字。效果非常漂亮。一起看下效果：在线预览源码下载实现的代码。html代码： Shiny css3代码： body{ background: #111;}.shiny{ color: #F5C21B;... 阅读全文
posted @ 2014-11-24 08:49 拎壶充 阅读(1047) 评论(0) 推荐(0) 编辑
一款基于css3的动画按钮
摘要：之前为大家分享了推荐10款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下：在线预览源码下载实现的代码。html代码： share on twitter... 阅读全文
posted @ 2014-11-23 13:58 拎壶充 阅读(407) 评论(0) 推荐(0) 编辑
一款基于jquery和css3的头像恶搞特效
摘要：今天给大家分享一款基于jquery和css3的头像恶搞特效。这款实例中，一个头像在画面中跳舞，头像还有可爱的帽子，单击下面的按钮可以为头像切换不同的帽子。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-11-21 09:16 拎壶充 阅读(535) 评论(0) 推荐(0) 编辑
一款基于jquery的鼠标经过图片列表特效
摘要：今天要给大家推荐一款基于jquery的鼠标经过图片列表特效。当鼠标经过列表图片的时候，图片放大，且有一个半透明的遮罩层随之移动。效果图如下：在线预览源码下载实现的代码html代码：Direction Aware Hover css代码：@import url(http:... 阅读全文
posted @ 2014-11-20 09:00 拎壶充 阅读(729) 评论(0) 推荐(0) 编辑
一款基于TweenMax跟随鼠标单击移动的div
摘要：前面给大家分享过一款基于jquery ui漂亮的可拖动div实例，今天给大家分享一款基于TweenMax跟随鼠标单击移动的div。在这款实例中你可以单击任意位置，div会移动到你单击的位置。效果图如下：在线预览源码下载实现的代码。html代码： Where Do You Wa... 阅读全文
posted @ 2014-11-19 08:58 拎壶充 阅读(524) 评论(0) 推荐(0) 编辑
一款纯css3实现的动画按钮
摘要：今天给大家分享一款纯css3实现的动画按钮。第一排的按钮当鼠标经过的背景色动画切换，图标从右侧飞入，第二排的按钮当鼠标经过的时候边框动画切换，图标右侧飞入，效果非常好，一起看下效果图：在线预览源码下载实现的代码。html代码： Become A Member → Su... 阅读全文
posted @ 2014-11-14 08:54 拎壶充 阅读(559) 评论(0) 推荐(1) 编辑
一款基于jquery和css3的响应式二级导航菜单
摘要：今天给大家分享一款基于jquery和css3的响应式二级导航菜单，这款导航是传统的基于顶部，鼠标经过的时候显示二级导航，还采用了当前流行的响应式设计。效果图如下：在线预览源码下载实现的代码。html代码： Responsive Nav ... 阅读全文
posted @ 2014-11-13 09:20 拎壶充 阅读(532) 评论(0) 推荐(0) 编辑
一款纯css3实现的颜色渐变按钮
摘要：之前为大家分享了推荐10款纯css3实现的实用按钮，今天给大家带来一款纯css3实现的颜色渐变按钮。这款按钮的边框和文字的颜色通过css3实现两种颜色的渐变，效果非常好看，一起看下效果图：在线预览源码下载实现的代码。html代码： Nominate Yourself N... 阅读全文
posted @ 2014-11-12 08:49 拎壶充 阅读(658) 评论(0) 推荐(2) 编辑
一款基于jquery的手风琴显示详情
摘要：今天要各网友分享一款基于jquery的手风琴显示详情实例。当单击顶部箭头的时候，该项以手风琴的形式展示显示详情。效果图如下：在线预览源码下载实现的代码。html代码： NOW, OPEN THE THREE ! ... 阅读全文
posted @ 2014-11-11 08:44 拎壶充 阅读(235) 评论(0) 推荐(0) 编辑
推荐10款纯css3实现的实用按钮
摘要：在2014年的双11即将来临之季，爱编程小编为大家整理10款纯css3实现的按钮。希望这对坚守在前端的码农们有所帮助。亲，如果你有好的资源也可在本文留言，让从事编码的程序员们抱团。工作更轻松。No1.一款基于css3非常实用的鼠标悬停特效这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而... 阅读全文
posted @ 2014-11-10 17:04 拎壶充 阅读(672) 评论(0) 推荐(0) 编辑
一款纯css3实现的数字统计游戏
摘要：今天给大家分享一款纯css3实现的数字统计游戏。这款游戏的规则的是将所有的数字相加等于72。这款游戏的数字按钮做得很美观，需要的时候可以借用下。一起看下效果图：在线预览源码下载实现的代码。html代码: CSS Counter Game ... 阅读全文
posted @ 2014-11-10 07:56 拎壶充 阅读(1666) 评论(0) 推荐(0) 编辑
一款基于jquery ui的动画提交表单
摘要：今天要给大家分享一款基于jquery ui的动画提交表单。这款提交表单的的效果是以动画的形式依次列表所需填写的信息。效果非常不错，效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-11-08 09:01 拎壶充 阅读(693) 评论(0) 推荐(1) 编辑
一款纯css实现的漂亮导航
摘要：今天给大家分享一款纯css实现的漂亮导航。之前为大家分享过jquery实现的个人中心导航菜单，今天这款也是适合放在个人中心。还带来图标，效果不错。一起看下效果图：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2014-11-07 09:00 拎壶充 阅读(1213) 评论(0) 推荐(2) 编辑
一款纯html5实现的人跑步动画
摘要：今天给大家分享一款纯html5实现的人跑步动画。这款动画中实现了人跑步的动画，且上面有三个按钮，分别是选择让这个跑步的拿什么武器，第一个是拿了一把剑，第二个是拿了一把斧头，第三个是不拿任保东西。效果图如下：在线预览源码下载实面的代码。html代码： ... 阅读全文
posted @ 2014-11-06 08:51 拎壶充 阅读(939) 评论(0) 推荐(0) 编辑
一款基于css3非常实用的鼠标悬停特效
摘要：今天给大家带来一款基于css3非常实用的鼠标悬停特效。这款特效，当鼠标经过时候一个半透明的遮罩层倒下来。效果很好，而且是纯css3实现的，代码很少，非常实用。 效果如下：在线预览源码下载实现的代码：html代码： LOW POL... 阅读全文
posted @ 2014-11-05 08:59 拎壶充 阅读(807) 评论(1) 推荐(1) 编辑
一款基于jquery的手风琴图片展示效果
摘要：今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的，当鼠标经过时图片变大且变为彩色。效果图如下：在线预览源码下载实现的代码。html代码： Ne... 阅读全文
posted @ 2014-11-04 08:46 拎壶充 阅读(803) 评论(0) 推荐(0) 编辑
一款基于css3的简单的鼠标悬停按钮
摘要：今天给大家分享一款基于css3的简单的鼠标悬停按钮。这款悬停按钮鼠标经过前边框是间断的。当鼠标经过的时候边框间隔消失。效果图如下：在线预览源码下载实现的代码。html代码： Single gradient border Click Me! Ve... 阅读全文
posted @ 2014-11-03 08:59 拎壶充 阅读(330) 评论(0) 推荐(0) 编辑
一款基于jquery固定于顶部的导航
摘要：今天给大家分享一款基于jquery固定于顶部的导航，这款导航当浏览器滚动条位于顶部时，导航高度较高，当浏览器滚动向下滚动时，导航高度自动减低，并位于顶部。效果图如下：在线预览源码下载实现的代码：html代码： ... 阅读全文
posted @ 2014-11-02 11:04 拎壶充 阅读(460) 评论(0) 推荐(0) 编辑
一款基jquery超炫的动画导航菜单
摘要：今天给大家分享一款基jquery超炫的动画导航菜单。这款导航菜单，初始时页面中间一个按钮，单击按钮，菜单从左侧飞入页中。再次单击按钮，导航飞入左侧消息。动画效果很非常炫。一起看下效果图：在线预览源码下载实现的代码。html代码： First Second ... 阅读全文
posted @ 2014-11-01 11:27 拎壶充 阅读(545) 评论(0) 推荐(0) 编辑

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