特效篇
文章平均质量分 75
X-rapido
有对象再换签名,93年大叔等你来撩。
展开
-
网页屏幕上有只小虫在到处爬(代码)
有段时间看到几个站长的网页上突然出现了一只小虫子在屏幕上到处爬, 感觉挺有意思的,然后就看源码给弄下来了,结果一看,尼玛太简单了方法,下面就是源码步骤,奇思妙想的同学也可以将gif图片替换成其他的图片即可。即便你的高度很高,滚动条怎么下拉它都会出现在屏幕上的。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/原创 2016-07-30 20:22:23 · 7057 阅读 · 0 评论 -
jQuery全屏滚动插件FullPage.js中文帮助API
查看原文简介主要功能兼容性使用方法1引入文件2HTML3JavaScript配置1选项2方法3回调函数查看原文http://ibloger.net/article/425.html简介fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。有很多网站都做了全屏滚动的特效,效果也很好看,今天就给大家说说fullPage.js的使用方法和设原创 2016-07-30 10:14:08 · 2266 阅读 · 0 评论 -
jQuery.nivo.slider.js 幻灯片图片切换
号称最好的JQUERY幻灯片,虽然夸夸其谈,但也算简单易用使用步骤1、引入以下的js和css文件<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen"><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.j原创 2016-07-26 18:07:07 · 2023 阅读 · 0 评论 -
【图片擦除】jQuery.eraser图像擦除插件
图像擦除插件jQuery.eraser是一款使用鼠标或触摸的动作可以擦除图像。查看原文查看在线演示Demo和更多原文内容: http://ibloger.net/article/1176.html原创 2016-07-14 16:31:01 · 1198 阅读 · 0 评论 -
voicewo在线语音识别转换jQuery插件
voicewo 是一个专门用于在网页中实现语音识别转换的jQuery插件。开发人员可以用voicewo将用户的语音转换成文字,插入到指定的HTML表单里,无缝地与Java、.NET、PHP、ASP等多种编程语言集成。适合在聊天室、评论框、论坛、博客、电子邮件等互联网应用中使用。 主要特点:快速:体积小,加载速度快架构:采用Flash语音采集,云端API接口识别,页面Javascript文本处理原创 2016-07-14 16:22:09 · 4275 阅读 · 1 评论 -
jQuery Autocompleter 内容自动补全插件
jQuery自动完成插件autocompleter是一款简单的,容易的,可定制的自动完成功能插件,支持缓存。查看原文查看在线演示Demo和更多原文内容:http://ibloger.net/article/1178.html原创 2016-07-14 16:13:07 · 4478 阅读 · 0 评论 -
The Heads-Up Grid 让你的HTML页面具有辅助线网格功能
Headsup Grid的特点是它可以在不同的平台上显示出不同的风格。也可以让你的HTML可以像PS那样显示辅助线效果!官方地址:http://bohemianalps.com/tools/grid/在其右上角有一个ON/OFF的按钮可以开启关闭辅助线使用方式很简单,示例代码如下<!doctype html> <html> <head> <meta charset="utf-8" />原创 2016-07-14 14:14:48 · 3136 阅读 · 0 评论 -
【图片】3d鼠标拖动图片360°旋转动画效果 3dEye.js
3dEye.js 兼容大部分主流浏览器,兼容Android and iOS !放心使用吧!用手指或鼠标托动这辆车感受一下!!查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1182.html原创 2016-07-14 11:31:39 · 5406 阅读 · 1 评论 -
【内容】css3点击区域4种全屏放大显示内容动画特效
css3点击区域4种全屏放大显示内容动画特效查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1183.html原创 2016-07-14 11:22:55 · 3358 阅读 · 0 评论 -
【时间轴】推荐几款jQuery时间轴插件Timeline
3D效果的响应式CSS3时间轴CSS时间轴3D效果实例,一套基于HTML5技术实现的CSS时间轴3D动画特效,效果场面很令人震撼,单击之后会发现犹如一片树叶匀速飘来带来一阵微风,本人是赞不绝口啊,下载源码实例后你就会发现它的神奇之处,Html5真是好东西,本效果同样来自于国外网站。查看演示 下载时间轴特效 OSChina公司发展历程大事记(精)OSChina公司发展历程大事记时间轴基于im原创 2016-07-14 10:48:21 · 28345 阅读 · 2 评论 -
【分页】Jquery分页排序插件 jPList
PList是一个灵活的jQuery插件,支持排序、分页和过滤的HTML结构(DIVs, UL/LI, tables,等等)。特点适用于任何内容(表、列表、div元素等)升序和降序排序字母数字和数字排序日期和时间排序自动分页任意数量的文本框过滤器复选框和单选按钮过滤器完全可定制的风格在所有主要浏览器工作详细的文档查看原文查看在线演示Demo和更多原文内容教程: http://i原创 2016-07-13 16:19:38 · 1178 阅读 · 0 评论 -
jquery产品树形介绍页特效
jquery产品树形介绍页特效是一款基于jquery实现的效果超棒的产品树形介绍页代码查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1192.html原创 2016-07-13 16:01:41 · 622 阅读 · 0 评论 -
【键盘】jQuery+CSS3模拟键盘事件(精)
jQuery+CSS3模拟键盘事件是一款基于jQuery的模拟键盘事件的应用,键盘上除了功能键,其他键都可以用这款插件来模拟。当你敲击键盘上的键时,这款应用会帮助你获取到这个键的事件,并在页面上的模拟键盘中以动画的形式展现出来,相当实用。并且支持黑白背景。查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1193.html原创 2016-07-13 15:55:00 · 1181 阅读 · 0 评论 -
【布局】jQuery等高排列插件matchHeight.js
MatchHeight.js 能使所有选定元素的高度正好相等。这是一个更强大的相同高度的插件,正确处理混合填充,边距,边框,框的大小,行,组。 它通过在需要的时候自动更新图像处理和响应式布局。为了测试,适用于以下选项的不同组合来尝试不同的边缘案件的情况。您也可以调整浏览器来测试响应的更新。查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1194.原创 2016-07-13 15:42:53 · 1392 阅读 · 0 评论 -
按钮 CSS3悬浮按钮彩球效果
HTML5+CSS3悬浮按钮彩球效果是一款非常具有动画色彩的CSS3按钮,点击按钮时利用HTML5 Canvas绘制彩球飞舞的效果,非常炫酷。查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1195.html原创 2016-07-13 15:34:02 · 1753 阅读 · 0 评论 -
图片 jquery图片自滚动瀑布流效果
jquery图片自滚动瀑布流效果,不错的瀑布流效果查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1196.html原创 2016-07-13 15:24:31 · 559 阅读 · 0 评论 -
滚动 CSS3 鼠标滚轮滚动插件jQuery Smoove.js
jQuery Smoove一款非常强大鼠标滚轮滚动效果插件,jQuery Smoove很轻松便可实现鼠标滚动的时候页面的内容随着滚动展现绚丽的动感十足的css3动画效果。jquery实例:jQuery Smoove使用方法1、引入核心文件,请确保jQuery在smoove.js之前加载。<link href="http://libs.baidu.com/bootstrap/3.0.3/css/boo原创 2016-07-13 15:14:05 · 3184 阅读 · 0 评论 -
文字 jquery文字动画插件LetterFX 7种不同变换效果
jquery文字动画插件LetterFX是一款7种不同变换效果的jquery文字特效插件。查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1199.html原创 2016-07-13 14:48:04 · 1379 阅读 · 0 评论 -
菜单 CSS3自定义图标悬浮菜单
CSS3自定义图标悬浮菜单是一款基于HTML5+CSS3实现的可自定义小图标悬浮菜单。查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1200.html原创 2016-07-13 14:37:57 · 1871 阅读 · 0 评论 -
表单填写 大气的全屏形式概念表单(精)
一个全屏形式概念表单,在全屏幕上一次显示一个问题或表单字段的延伸。用户可以独立自由的方式输入数据,它允许为域添加一些精美的动画。在这里输入的数据仍然可以审查和纠正。查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1203.html原创 2016-07-13 13:19:01 · 694 阅读 · 0 评论 -
图片 CSS3图片拖拽碰撞感应特效
图片 CSS3图片拖拽碰撞感应特效查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1204.html原创 2016-07-13 13:00:26 · 604 阅读 · 0 评论 -
圆点切换 14款不同效果的圆点切换特效
圆点切换 14款不同效果的圆点切换特效 查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1205.html原创 2016-07-13 12:48:45 · 779 阅读 · 0 评论 -
布局 html5手机端果冻弹性菜单动画效果代码
html5手机端果冻弹性菜单动画效果代码 查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1206.html原创 2016-07-13 12:38:34 · 1077 阅读 · 0 评论 -
弹出层 jQuery+Css3 多功能表单弹出层插件
弹出层 jQuery+Css3 多功能表单弹出层插件查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1207.html原创 2016-07-13 12:25:04 · 772 阅读 · 0 评论 -
提示框 9款css3 tooltips鼠标悬停显示消息提示框样式(精)
9款css3 tooltips鼠标悬停显示消息提示框样式查看原文查看在线演示Demo和更多原文内容教程:查看原文查看在线演示Demo和更多原文内容教程:9款不同的鼠标悬停显示Tooltips消息提示框样式原创 2016-07-13 12:21:15 · 7146 阅读 · 0 评论 -
图片鼠标悬停特效 Adipoli 20多种效果jQuery插件
Adipoli jQuery Image Hover Plugin简 介Adipoli 是一个简单的 jQuery plugin,可以给图片定义鼠标悬停时的效果。 这个插件可以帮助你添加各种不同的悬浮特效到你指定的图片上,特别适合制作你的相册,或者是网站个人作品集展示。你可以通过这种悬浮特效帮助用户集中浏览当前的图片,提高用户使用体验主要特性支持20多种不同的悬浮特效,包括初始特效和悬浮特效支原创 2016-07-12 15:09:44 · 2962 阅读 · 0 评论 -
图标动画 Animated SVG Icons with Snap.svg
AnimatedSVGIcons 使用网站的 SVGs 图标,制作各种效果的图标转换,不同效果,不同速度和不同大小的 SVG 图标。查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1210.html原创 2016-07-12 13:05:30 · 672 阅读 · 0 评论 -
边框动画 Creating a Border Animation Effect with SVG and CSS 动画边框,很不错!
The website of Carl Philipe Brenner has some very creative and subtle animations and today we want to explore how to recreate a border animation effect using CSS transitions on SVG lines.查看原文查看在线演示Demo原创 2016-07-12 12:32:08 · 917 阅读 · 0 评论 -
css3图片注释 Annotation Overlay Effect with CSS3 (精)
好看的提示、注释效果!如果用于介绍、注释的话,这个效果很实用哦。查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1213.html原创 2016-07-12 11:24:46 · 479 阅读 · 0 评论 -
图片悬停 DirectionAwareHoverEffect 跟随鼠标方向悬停效果(精)
图片悬停 DirectionAwareHoverEffect 跟随鼠标方向悬停效果(精),话说以前看到这个很流行呢。 查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1212.html原创 2016-07-12 10:57:12 · 535 阅读 · 0 评论 -
文字 AnimatedOpeningType css3的文字3D翻转特效
漂亮的文字翻开效果,很有意思。一款基于css3的文字3D翻转特效。这款特效当鼠标经过文字的时候3D翻转显示阴影。代码很简单,一看便知,效果图如下:查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1214.html原创 2016-07-12 10:51:32 · 619 阅读 · 0 评论 -
图片 jquery.imageLens.js 图片放大镜效果
ImageLens 官方教程:http://www.dailycoding.com/Posts/imagelens__a_jquery_plugin_for_lens_effect_image_zooming.aspx#查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1215.html原创 2016-07-12 09:51:09 · 996 阅读 · 0 评论 -
WOW.js – 在页面滚动时展现动感的元素动画效果(精)
简介有的页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。比如刚刚发布的 iPhone 6 的页面(查看)。如果你希望你的页面也更加有趣,那么你可以试试 WOW.js。WOW.js 依赖 animate.css,所以它支持 animate.css 多达 60 多种的动画效果,能满足您的各种需求。浏览器兼容使用方法1、引入文件<link rel="styleshe原创 2016-07-11 18:19:59 · 6019 阅读 · 0 评论 -
页面 html5鼠标滚动全屏图片倾斜分割切换特效
页面 html5鼠标滚动全屏图片倾斜分割切换特效 查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1217.html原创 2016-07-11 17:53:55 · 2358 阅读 · 0 评论 -
jQuery+CSS3产品360度预览特效
jQuery+CSS3产品360度预览特效是一款汽车图来作为产品图片,通过拖动产品图片或滑块可以连续的修改汽车图片帧,形成产品360度旋转的特效。查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1219.html原创 2016-07-11 17:34:35 · 718 阅读 · 0 评论 -
SuperSlide、TouchSlide 解决网站大部分特效展示问题
查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1220.htmlSuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个原创 2016-07-11 17:22:11 · 3704 阅读 · 0 评论 -
网站内容滑块 FerroSlider
该插件让你可以用一个非同寻常非常酷的方式来编排网站的内容,并且通过一个滑动的方式来导航它们。最终效果类似于Mac或Linux的多重桌面。插件描述:FerroSlider是一款强大的全局布局插件,允许我们通过滑动切换整个页面来显示内容,能让我们快速地布局出一个酷炫的网站,是一个很有用的jqeury插件。支持Ajax请求使用步骤1、引入以下的js和css文件(请以实际的demo效果为准)<link re原创 2016-07-11 15:48:42 · 568 阅读 · 0 评论 -
图片滑块 Sequence.js 实现带有视差滚动特效的图片滑块
Sequence.js 功能齐全,除了能实现之前分享过的现代的图片滑动效果,还可以融合当前非常流行的视差滚动(Parallax Scrolling)效果。让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 Sequence.js 是一个非常现代的图片滑动效果,特别适合电子商务网站或者企业产品展示功能。带有图片缩率图,能够呈现全屏图片浏览效果。结合 CSS3 Tr原创 2016-07-11 15:00:42 · 987 阅读 · 0 评论 -
Hover.css:一组超实用的 CSS3 悬停效果和动画
查看原文查看在线演示Demo和更多原文内容教程: http://ibloger.net/article/1289.htmlHover.css介绍Hover.css 是一套基于 CSS3 的鼠标悬停效果和动画,这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签,必要的时候使用 before 和 after 伪元素。因为使用了 CSS3 过渡、转换和动画效果,因原创 2016-07-11 14:16:10 · 3590 阅读 · 0 评论 -
提交按钮 ProgressButtonStyles 带有 3D 效果的进度按钮指示器
提交按钮 ProgressButtonStyles 是一系列平滑的,3D 效果的进度按钮样式,带有 3D 效果的进度按钮指示器查看原文查看在线演示Demo和更多原文内容教程:http://ibloger.net/article/1290.html原创 2016-07-11 12:53:50 · 627 阅读 · 0 评论