03 2015 档案

12种炫酷HTML5 SVG和CSS3表单浮动标签特效
摘要：这是一组效果非常炫酷的HTML5 SVG和CSS3表单浮动标签特效。这组浮动标签特效共12种效果，使用SVG和CSS3来制作完成。这些浮动标签效果部分在元素的伪元素上使用CSS transitions和CSS animations完成，一部分则使用SVG来制作变形动画。在线预览源码下载HTML结构这... 阅读全文
posted @ 2015-03-30 13:57 拎壶充 阅读(1480) 评论(0) 推荐(0) 编辑
基于jplayer实现歌词同步的JS音乐播放器效果
摘要：分享一款基于jplayer实现歌词同步的JS音乐播放器效果。这是一款基于jQuery实现的音乐播放器功能代码。效果图如下：在线预览源码下载实现的代码。html代码： [00:03.00]洋葱[00:06.00]演唱：平安[00:09.00][00:11.38]如果你眼神能够为我片刻的降临[00:2... 阅读全文
posted @ 2015-03-27 13:58 拎壶充 阅读(1160) 评论(0) 推荐(1) 编辑
通过google浏览器的开发者工具修改cookie值
摘要：打开一个页面F12,然后再刷新下。点到如下图位置刚可以添加或重设cookie的值。修改cookie的值时，需要注意要清除下cookie。不然修改的cookie不生效。 阅读全文
posted @ 2015-03-27 13:33 拎壶充 阅读(8040) 评论(0) 推荐(0) 编辑
基于CSS3图片悬停放大特效
摘要：今天我们要来分享一款很酷的CSS3图片特效，这款图片特效可以利用鼠标滑过图片使其悬停放大，并使图片的周围出现发光的效果。配合黑色的背景，这款CSS3图片悬停放大效果显得更加立体大气，非常适合产品图片的展示。在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-26 14:13 拎壶充 阅读(512) 评论(0) 推荐(0) 编辑
基于jQuery加入购物车飞入动画特效
摘要：基于jQuery加入购物车飞入动画特效。这是一款电商购物网站常用的把商品加入购物车代码。效果图如下：在线预览源码下载实现的代码。html代码： ¥3499.... 阅读全文
posted @ 2015-03-25 13:41 拎壶充 阅读(2119) 评论(0) 推荐(0) 编辑
强大的CSS3动画库animate.css
摘要：今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包括淡入淡出，文字飞入、左右摇摆动画等等。使用animate.css也非常简单，你可以给页面上的任意元素，特别是文字添加各种神奇的动画特效，一起来尝试一下吧。在线预览源码下载实现的代码。... 阅读全文
posted @ 2015-03-24 13:45 拎壶充 阅读(1838) 评论(0) 推荐(1) 编辑
基于jQuery悬停弹出遮罩显示按钮代码
摘要：今天给大家分享一款基于jQuery悬停弹出遮罩显示按钮代码。这是是一款当鼠标悬停在图片上后，会出现一系列的按钮，文字等弹性动画效果。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-24 08:46 拎壶充 阅读(605) 评论(0) 推荐(1) 编辑
基于js仿汽车之家2015新版焦点图代码
摘要：今天给大家分享一款仿汽车之家2015新版焦点图代码。这是一款基于jQuery实现的适合电子商务网站或者企业产品展示功能特效。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-23 13:40 拎壶充 阅读(689) 评论(0) 推荐(1) 编辑
基于jQuery消息提示框插件Tipso
摘要：今天要分享的这款jQuery消息提示框插件名叫Tipso，它的特点是可以定义提示框的显示位置，以及动态改变提示框的提示内容，应该说是一款相当灵活的jQuery消息提示框插件。效果图如下：在线预览源码下载实现的代码： 1、默认 ... 阅读全文
posted @ 2015-03-19 13:54 拎壶充 阅读(1867) 评论(0) 推荐(0) 编辑
基于CSS3飘带状3D菜单 菜单带小图标
摘要：这次我们要来分享一款很特别的CSS3菜单，菜单的外观是飘带状的，并且每一个菜单项有一个精美的小图标，鼠标滑过菜单项时，菜单项就会向上凸起，像是飘带飘动一样，形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导航。在线预览源码下载实现的代码。htmll代码： ... 阅读全文
posted @ 2015-03-18 13:34 拎壶充 阅读(567) 评论(1) 推荐(1) 编辑
基于HTML5 SVG和CSS3炫酷蹦床式图片切换特效
摘要：今天给大家分享一款效果非常炫酷的HTML5 SVG和CSS3蹦床式图片切换特效插件。该图片切换插件在进行图片切换时，整个屏幕就像一张大蹦床一样，将图片弹射出去，切换到另一张图片，效果非常有创意。效果图如下：在线预览源码下载HTML结构该图片切换特效的HTML结构中，第一个元素是SVG图形，当切换图片... 阅读全文
posted @ 2015-03-18 09:00 拎壶充 阅读(569) 评论(0) 推荐(0) 编辑
基于HTML5/CSS3图片网格动画特效
摘要：现在HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。效果图如下：在线预览源码下载实现的代码： ... 阅读全文
posted @ 2015-03-17 10:07 拎壶充 阅读(942) 评论(0) 推荐(0) 编辑
4款基于html5 canvas充满想象力的重力特效
摘要：今天给大家分享4个物理和重力实验，用来展示 html canvas 的强大。几年前，所有这些实验都必须使用 Java 或 Flash 才能做。在下面这些惊人的例子中，就个人而言，我比较喜欢仿真布料的那个，我简直不敢相信它是使用html canvas做出来的。效果图如下：在线预览源码下载主页面代码： ... 阅读全文
posted @ 2015-03-13 13:45 拎壶充 阅读(901) 评论(0) 推荐(1) 编辑
CSS3和js炫酷点击按钮3D翻转动画特效
摘要：简要教程flipside是一款使用CSS3和js制作的炫酷点击按钮无缝过渡到确认面板的过渡动画特效。该点击按钮特效在按钮不同方向的边部点击时，产生的过渡动画特效是不一样的。在线预览源码下载使用方法使用该按钮过渡动画特效需要引入它提供的按钮样式表style.css和用于触发按钮点击事件的js文件scr... 阅读全文
posted @ 2015-03-13 09:52 拎壶充 阅读(961) 评论(0) 推荐(0) 编辑
基于jQ+CSS3页面滚动内容元素动画特效
摘要：今天给大家分享一款基于jQ+CSS3页面滚动内容元素动画特效。这是一款基于jQuery+CSS3实现的页面滚动代码。该实例适用于适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-12 14:10 拎壶充 阅读(1370) 评论(0) 推荐(0) 编辑
基于jQuery实现文字倾斜显示代码
摘要：这是一款基于jQuery实现文字倾斜显示，这是一款基于jQuery实现的超酷动态文字显示效果。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-12 09:16 拎壶充 阅读(1041) 评论(0) 推荐(0) 编辑
基于jQuery页面窗口拖动预览效果
摘要：今天给大家分享一款基于Query页面窗口拖动预览效果。这是一款基于jQuery+HTML5实现的模拟页面窗口显示拖动窗口预览特效。这款实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-11 10:15 拎壶充 阅读(1150) 评论(0) 推荐(0) 编辑
基于jQuery头像裁剪插件cropbox
摘要：今天给大家分享一款基于jQuery头像裁剪插件cropbox，这是一款简单实用的jQuery头像在线裁剪插件。该插件适用于适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-10 13:42 拎壶充 阅读(1921) 评论(0) 推荐(1) 编辑
基于jQuery仿淘宝产品图片放大镜代码
摘要：今天给大家分享一款 基于jQuery淘宝产品图片放大镜代码。这是一款基于jquery.imagezoom插件实现的jQuery放大镜。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-10 09:35 拎壶充 阅读(1608) 评论(0) 推荐(2) 编辑
基于HTML5 Canvas可撕裂布料效果
摘要：分享一款布料效果的 HTML5 Canvas 应用演示，效果逼真。你会看到，借助 Canvas 的强大绘图和动画功能，只需很少的代码就能实现让您屏息凝神的效果。在线预览源码下载实现的代码。html代码： - 使用鼠标可以拉扯 ... 阅读全文
posted @ 2015-03-09 13:52 拎壶充 阅读(511) 评论(0) 推荐(0) 编辑
基于HTML5 Canvas 实现的 Loading 效果
摘要：Sonic.js 是一个很小的 JavaScript 类，用于创建基于 HTML5 画布的加载图像。更强大的是 Sonic.js 还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。在线预览源码下载实现的代码。html代码： var loaders = [ ... 阅读全文
posted @ 2015-03-09 10:40 拎壶充 阅读(778) 评论(0) 推荐(0) 编辑
基于html5和css3响应式全屏滚动页面切换效果
摘要：分享一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。效果图如下：在线预览源码下载HTMLwrapper div的class为st-container，里面包含作为导航按钮的radio和用于页面切换的面板st-sc... 阅读全文
posted @ 2015-03-06 13:35 拎壶充 阅读(5189) 评论(0) 推荐(0) 编辑
基于js白色简洁样式计算器
摘要：今天给大家分享一款白色简洁样式计算器JS代码是一款精美简洁计算器JS代码插件网页特效，软件应用，后台应用JS计算器插件代码免费下载。适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。在线预览源码下载实现的代码。html代码：... 阅读全文
posted @ 2015-03-06 08:50 拎壶充 阅读(574) 评论(0) 推荐(0) 编辑
基于html5制作3D拳击游戏源码下载
摘要：今天给大家分享一款基于HTML5实现的3d拳王游戏源码。这款实例适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。在线预览源码下载实现的代码。html代码： via：http://www... 阅读全文
posted @ 2015-03-05 13:39 拎壶充 阅读(615) 评论(0) 推荐(0) 编辑
基于HTML5自定义文字背景生成QQ签名档
摘要：分享一款利用HTML5实现的自定义文字背景应用，首先我们可以输入需要显示的文字，并且为该文字选择一张背景图片，背景图片就像蒙版一样覆盖在文字上。点击生成QQ签名档即可将文字背景融为一体生成另外一张图片，你也可以下载这张拥有你QQ签名档的图片。在线预览源码下载实现的代码。html代码： 内容... 阅读全文
posted @ 2015-03-05 09:09 拎壶充 阅读(1106) 评论(0) 推荐(0) 编辑
一款基于jQuery外观优雅带遮罩弹出层对话框
摘要：今天我们要来分享一款基于jQuery的弹出层对话框插件，该插件包含多种对话框类型，比如提示框、确认框等。更为实用的是，这款jQuery对话框中的按钮事件也可以被我们所捕获，从而相应对话框按钮的各种事件，用起来非常方便。在线预览源码下载实现的代码。html代码： 缴费提示层 确认框提示层... 阅读全文
posted @ 2015-03-04 14:16 拎壶充 阅读(2348) 评论(2) 推荐(2) 编辑
基于HTML5坦克大战游戏简化版
摘要：之前我们有分享过不少经典的HTML5游戏，有些还是很有意思的，比如HTML5版切水果游戏和HTML5中国象棋游戏。今天要分享的是一款简化版的HTML5坦克大战游戏，方向键控制坦克的行进方向，空格键发射子弹，命中敌方坦克后也会发出声音，效果还算可以。效果图如下：在线预览源码下载实现的代码。javasc... 阅读全文
posted @ 2015-03-04 09:22 拎壶充 阅读(808) 评论(0) 推荐(1) 编辑
纯CSS炫酷3D旋转立方体进度条特效
摘要：在网站制作中，提高用户体验度是一项非常重要的任务。一个创意设计不但能吸引用户的眼球，还能大大的提高用户的体验。在这篇文章中，我们将大胆的将前面所学的3D立方体和进度条结合起来，制作一款纯CSS3的3D旋转立方体进度条效果。在线预览源码下载在网站制作中，提高用户体验度是一项非常重要的任务。一个创意设计... 阅读全文
posted @ 2015-03-03 13:39 拎壶充 阅读(790) 评论(0) 推荐(0) 编辑
基于CSS3 3D百叶窗图像过渡特效
摘要：你可能已经在网上看到过不少使用jQuery制作的百叶窗效果，我们可不可以使用纯CSS来完成这项工作呢？答案是肯定的。我们不仅可以制作出这种百叶窗效果，还可以使它具有响应性。在线预览源码下载要制作纯CSS的百叶窗效果，HTML结构是个关键。在html结构中，需要使用多幅相同的图片来组织一个“百叶窗”。... 阅读全文
posted @ 2015-03-03 09:05 拎壶充 阅读(972) 评论(0) 推荐(0) 编辑
带节假日JS万年历控件代码
摘要：今天给百大家分享一款带节假日JS万年历控件代码，可自由选择年份和月份，能显示法定节假日和传统节气提示，能显示农历，能显示年份所对应的生肖。适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-02 13:49 拎壶充 阅读(2768) 评论(1) 推荐(2) 编辑
基于jQuery动画二级下拉导航菜单
摘要：春节回来给大家分享一款基于jQuery动画二级下拉导航菜单。鼠标经过的时候以动画的形式出现二级导航。效果图如下：在线预览源码下载实现的代码。html代码： ... 阅读全文
posted @ 2015-03-02 09:55 拎壶充 阅读(346) 评论(0) 推荐(0) 编辑

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