物勒工名,以考其诚
  • 跨平台移动前端框架AUI 2.0
  • 全屏视觉差滚动插件-FullPage
  • 多功能布局 - Flexbox框架解析
  • WEB前端框架-Foundation
  • 【插件】User Agent Switcher - 让你的浏览器充满魔力
  • 【译】[推荐]jQuery自定义网页滚动条样式插件mCustomScrollbar
  • WEB前端开发必备工具
  • Bootstrap3.0入门到精通学习教程
  • 试着用CSS3实现元素跳动的动画效果

    作者:jquery2018.02.06移动开发浏览:342评论:0

    CSS3实现元素跳动的动画效果,已经快下班了,直接上干货,代码如下:<!DOCTYPE html><html><head>    <meta charset=...

    阅读全文
  • 基于JS的3D切换特效

    作者:yinqiong2018.02.04Js&JQuery浏览:347评论:0

    CSS3部分:<style>        *{          ...

    阅读全文
  • 你有深入理解过animate()的自定义动画吗?

    作者:admin2017.12.27jQuery浏览:967评论:0

    CSS3,制作出来的效果一般都可以达到预期,当然了,前提是你需要对animate()的自定义动画理解够深入,今天就一起来聊些相关话题。我们以一个最简单的案例演示开始,逐步了解。<!DOCTYPE html><html><...

    阅读全文
  • 回顾强大的jQuery选择器

    作者:前端菜鸟2017.12.18Js&JQuery浏览:527评论:0

    CSS3.0相似id用#,class(css)用.,HTMlTag则直接书写。关于jquery的选择器在下面讲述,这里不急。         1.3:JavaScript...

    阅读全文
  • 响应式滚(滑)屏时,如何让元素躁动起来?

    作者:admin2017.12.04jQuery插件浏览:1200评论:1

    CSS3主流浏览器预览效果;在IE8+上能正常显示,但是没动画效果,这个问题大家可以根据项目需求,酌情处理,^_^。总结每天一小步,成功一大步;闲余之时应多看、多学,多实践。......

    阅读全文
  • 一个只会jQuery的前端是不是OUT了

    作者:andy0012017.11.30Js&JQuery浏览:717评论:0

    CSS3其实已经是一块很大的学科,之前有人问我过说C语言和CSS哪个难,我告诉他CSS难,为什么呢?因为他从不按套路出牌,而是由无数技巧组成。同时CSS3的出现会让我们去探索到浏览器的渲染原理比如3D触发的硬件加速,那么什么条件会触发硬件加速呢?Composi...

    阅读全文
  • 【分享】Web前端开发分阶段的学习过程

    CSS3:CSS3新选择器、伪元素、脸色表示法、边框、阴影、background系列属性改变、Transition、动画、景深和深透、3D效果制作、Velocity.js框架、元素进场、出场策略、炫酷CSS3网页制作。Bootstrap:响应式概念、媒体查询、响应式网站制作、删格系统、删格系统原... 阅读全文>

  • 实现基于jQuery立体文字渐变特效

    作者:admin2017.11.14Javascript教程浏览:1407评论:9

    CSS3弄。下面来简单分享下实现过程及原理(网站中使用了jquery这个lib,我们这里就不再自己单独实现了,我们这里分享的也是jquery的实现方法):HTML代码:<span class="rainbows">&a...

    阅读全文
  • 见证奇迹:在Photoshop中一键生成CSS3代码!

    作者:admin2017.11.08开发工具浏览:1122评论:0

    CSS3代码,可能有些童鞋有点惊讶,这也可以?莫惊慌,见证奇迹的时刻到了,接下来带你进入“CSS3Ps“的“梦幻世界”。CSS3Ps介绍CSS3Ps是基于Photoshop的一款插件,转化的代码支持现在流行的css、scss,sass。它对于Photoshop...

    阅读全文
  • 关于H5页面中CSS3动画的性能优化

    作者:admin2017.11.02性能优化浏览:1230评论:0

    CSS3动画应用很广,尤其是在H5项目中,炫酷的交互效果可以给产品带来更好的体验,更能吸引用户。然而在应用的时候,很多Web前端童鞋可能忽略了一点,就是其性能;不管你是用纯CSS3写的动画,还是结合jQuery,性能很重要。网络上有很多关于“CSS3动画的性能...

    阅读全文
  • 回顾下jQuery选择器之基本选择器、层次选择器

    作者:天空2017.11.01Js&JQuery浏览:663评论:0

    CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件,参考上篇:jQuery插件原来如此简单——jQuery插件的机制及实战)。正是jQuery强大的选...

    阅读全文
  • 聊聊CSS3 Animation之文字显示的效果

    作者:admin2017.10.25Html5浏览:888评论:0

    CSS3Animation数字的动画2、表单输入框基本JS操作方法我们今天主要分享的是第一点,因为第二点比较容易,后面会简单介绍。当然,如果你要做这个动画,还是需要了解下animation动画的基础知识,我们一起来普及下。定义和用法animation属性是一个...

    阅读全文
  • CSS伪元素:before与:after

    作者:andy0012017.10.24HTML/CSS浏览:1289评论:0

    CSS3中为了区别他们在HTML代码与CSS代码里的表现形式,将html中的伪元素显示为双冒号。在书写CSS代码时,如果不考虑过旧的浏览器兼容问题,无论是用单冒号还是双冒号,结果都是一样的。这里要强调注意的是,这里所说的“前”与“后”,是指目标元素里面的内容的...

    阅读全文
  • 2017年,大家都在用什么前端开发工具呢?

    作者:admin2017.10.24开发工具浏览:1403评论:0

    CSS3引入了许多的新特性,要想完全的掌握CSS变得越来越困难。如果你想学习前端可以来这个群,首先是二九一,中间是八五一,最后是一八九,里面可以学习交流也有资料可以下载。CSS预处理器超过63%的开发者使用Sass,这也使得Sass成为无可争议的预处理首选者。...

    阅读全文
  • HTML5 Canvas颜色选择器

    作者:jiang2017.10.14移动开发浏览:1085评论:0

    CSS3">css</A>/main.<A title=css href="http://www.xyhtml5.com/CSS3">css</A>"&nbs...

    阅读全文
  • CSS3 background-clip裁剪背景

    作者:jiang2017.09.29HTML/CSS浏览:939评论:0

    CSS3background-clip裁剪背景,这个方法应用很多。*用于指定background是否包含content之外的border,padding。默认值为border-box,即background从包含border在内的地方开始渲染,IE的默认表现也...

    阅读全文
  • CSS3实现多重边框色

    作者:jiang2017.09.29HTML/CSS浏览:1035评论:0

    CSS3实现多重边框色。*如border为(n)px,则最多可以设置n组边框色,每组边框色为1px。#border-colors{border-width:6px;多重边框色(非常规-边框为10px,却只设置了6组边框颜色):border-colors/-mo...

    阅读全文
  • CSS3实现高亮发光文字特效

    作者:天空2017.09.27Html5浏览:750评论:0

    CSS3实现高亮发光文字特效,一起来学习下吧!先来看下效果:代码直接奉上了,请接招!!!<!DOCTYPE html><html><head>    <meta&nbs...

    阅读全文
  • Sublime Text3之插件应用以及sass编译

    CSS3属性后(冒号前)按Tab键。其实我个人觉得这个插件现在相对于emmet【目前st3已自带】来说没什么刁用,因为这个功能已被emmet涵盖了,分享出来是让大家了解下。11、sublime-text-git可视化的操作:帮助你与你的Gitrepo协议进行交互。它支持很多命令像init,pus... 阅读全文>

  • 【前端开发】基于jQuery&CSS3的动态删除模块动画特效

    作者:admin2017.08.11Html5浏览:1055评论:0

    CSS3代码:.circle{border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;height:100px;width:100px;background:#dedede}....

    阅读全文
  • 鼠标滑过整行变色

    作者:jiang2017.08.08Js&JQuery浏览:914评论:0

    CSS3并没有良好的支持,所以在当前情况下,使用jQuery实现此种功能是一个不错的选择。<!DOCTYPEhtml><html><head><metacharset="utf-8"><...

    阅读全文
  • CSS3+jQuery​实现点击按钮元素摇摆特效

    作者:abc1232017.08.07Js&JQuery浏览:1029评论:0

    CSS3+jQuery搞定的,在项目中很实用的哟。<!DOCTYPE html><html> <head>  <meta http-equiv="Conten...

    阅读全文
  • 重拾jQuery动画之基础

    作者:admin2017.08.04jQuery浏览:1392评论:0

    CSS3实现很多复杂动画效果,特别是在活动和H5的页面。有句名言:“万变不离其宗”,动画再复杂,都脱离不了基础,基础打好了,才能拓展更强的技术面,这也是今天分享内容的初衷吧,不过今天撇开CSS3,只谈jQuery基础动画的学习。首先我们来看一张jQuery动画...

    阅读全文
  • 学习使用JQuery为元素添加样式

    作者:jiang2017.07.21Js&JQuery浏览:899评论:0

    CSS3,所有能很好的兼容很多浏览器,所以通过jquery来使用css样式比较好。为定义好的css样式可以调用元素的css方法添加样式。$("span").css("css属性名","属性值")。如&...

    阅读全文
  • 2017上半年浏览器、分辨率和操作系统市场份额数据分析

    作者:admin2017.07.12互联网浏览:3200评论:2

    CSS3动画以及一些前端框架等等;站在产品角度来说,前端攻城师的技术使得我们的产品用户交互体验提升一个新的档次,这些都是我们想看到的结果。操作系统市场份额我们可以看下2016年下半年和2017上半年的对比图:2016年下半年2017上半年数据表明:2016下半...

    阅读全文
  • 谈谈项目中几个经典的jquery定时器问题

    作者:admin2017.06.23jQuery浏览:2181评论:0

    CSS3动画,我结合了jQuery定时器来实现,项目过程中碰到了一些小问题,比如变量传参等等。早上拿出来分享下,本次主要拿几个经典的问题来学习。有些童鞋刚开始定时器的时候,总是习惯直接这样写的。代码如下:setInterval("fn()"...

    阅读全文
  • JqueryRotate让你的动画再飞一会!

    作者:admin2017.05.18jQuery插件浏览:3113评论:1

    CSS3来实现,CSS3提供了多种变形效果,比如矩阵变形、位移、缩放、旋转和倾斜等等,让页面更加生动活泼有趣。毕竟现在还需要支持IE低版本浏览器,所以CSS3旋转动画还是不能满足我们的需求,肿么办呢?不要紧咯,jqueryrotate插件,它可以实现旋转效果。...

    阅读全文
  • CSS3动画(360度旋转、旋转放大、放大、移动)

    作者:商内在2017.03.03移动开发浏览:3237评论:0

    CSS3动画(360度旋转、旋转放大、放大、移动),还不错的哟,看看吧:<!DOCTYPE html><html><head>    <meta charse...

    阅读全文
  • 基于jQuery实现的文字按钮表单特效整理

    作者:admin2017.02.16综合浏览:2013评论:0

    CSS3实现的表单美化带输入验证特效纯html5+CSS3实现的表单美化效果,以及具有输入验证特效的代码,此种特效在网站非常实用。在线演示源码下载3.jquery制作的带有遮罩弹出层实现登录注册等表单实现了点击后在原始页面上弹出想用页面的代码,此段代码广泛应用...

    阅读全文
  • 从零开始学习jQuery (二) 万能的选择器

    作者:admin2017.02.15综合浏览:2186评论:0

    CSS3选择器标准,而按照jQuery官方的分类进行讲解.jQuery的选择器支持CSS3选择器标准.下面是W3C最新的CSS3选择器标准:http://www.w3.org/TR/CSS3-selectors/标准中的选择器都可以在jQuery中使用.jQu...

    阅读全文
  • 使用jQuery fancybox插件打造一个实用的数据传输模态弹出窗体

    作者:admin2017.02.15综合浏览:1936评论:0

    CSS3来创建线型渐变,代码如上使用Fancybox页面加载元素完成之后,调用Fancybox默认代码复制代码代码如下:$(document).ready(function(){$(".modalbox").fancybox();$("#contact").s...

    阅读全文

  • 因为是用jq所写,需要引用库文件,这边使用的是在线的cdn地址:

    用jquery写的菜单从左往右滑动出现

    作者:admin2017.02.15综合浏览:1535评论:0

    CSS3属性写法,没考虑ie8-*/.quick{position:relative;left:0;top:0;width:100%;height:32px;background:-webkit-gradient(linear,lefttop,leftbott...

    阅读全文
  • 基于jQuery实现的图片切换焦点图整理

    作者:admin2017.02.15综合浏览:1676评论:0

    CSS3实现的多种图片切换方式简易焦点图今天要来分享一款简易的jQuery+CSS3焦点图应用,这款焦点图应用的图片切换方式非常丰富,而且焦点图的切换按钮比较小,图片篇幅占据比较大,因此总体比较大气。在线演示源码下载3.HTML5实现的3D图片阴影翻转动画这款...

    阅读全文
  • 最新28个很棒的jQuery 教程

    作者:admin2017.02.14综合浏览:1666评论:0

    CSS3实现更好的元素旋转功能学习使用jQuery制作一个即将推出页学习使用jQuery制作拉出内容的面板学习使用jQuery制作展开重叠图像的滑块......

    阅读全文
  • 分享精心挑选的12款优秀jQuery Ajax分页插件和教程

    作者:admin2017.02.13综合浏览:1922评论:0

    CSS3EditionjPaginator这款分页插件用于改进长翻页列表的用户体验,使用一个滑动条来快速翻页。浏览详情  在线演示7.Sausage:jQueryinfinitePaginationwithDemoSausage是一款非常优...

    阅读全文
  • web前端设计师们常用的jQuery特效插件汇总

    作者:admin2017.02.13综合浏览:1792评论:0

    CSS3实现的鼠标悬停图片文字动画效果纯CSS3实现的鼠标悬停图片文字动画效果源码是使用CSS3来实现的,加载速度更快,内存占用更低,使用更加简便。在线演示源码下载7.基于jQuery实现的彩色标签图片选项卡切换效果基于jQuery实现的彩色标签图片选项卡切换...

    阅读全文
  • jQuery/CSS3图片特效插件整理推荐

    作者:admin2017.02.13综合浏览:2208评论:0

    CSS3实现的底部带滚动云彩效果的网站登录页面CSS3实现的底部带滚动云彩效果的网站登录页面特效源码,是一段实现页面底部拥有滚动云彩动态效果的特效源码,想要在网站中实现此类效果的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效...

    阅读全文
  • jQuery 顺便学习下CSS选择器 奇偶匹配nth-child(even)

    作者:admin2017.02.12综合浏览:1904评论:0

    CSS3标准中nth-child()用法大致介绍下:CSS3伪类选择器:nth-child()简单的归纳下nth-child()的几种用法。第一:nth-child(number)直接匹配第number个元素。参数number必须为大于0的整数。(EG)li:...

    阅读全文
  • 基于jQuery UI CSS Framework开发Widget的经验

    作者:admin2017.02.12综合浏览:1808评论:0

    CSS3,ie不支持.ui-corner-tr:右上角圆角,基于CSS3,ie不支持.ui-corner-bl:左下角圆角,基于CSS3,ie不支持.ui-corner-br:右下角圆角,基于CSS3,ie不支持.ui-corner-top:上面两个角圆角,基...

    阅读全文
  • 40款非常有用的 jQuery 插件推荐(系列一)

    作者:admin2017.02.12综合浏览:1840评论:0

    CSS3的旋转特性。 MultiNodeRangeDataSliderjQSlider ( 演示 | 下载 ) JQSlider是个能够完全自定义风格的滑块插件,非常不错。 Tim...

    阅读全文
  • jQuery Animation实现CSS3动画示例介绍

    作者:admin2017.02.12综合浏览:2004评论:0

    CSS3好多效果因为不是数值的,所以是没有办法直接通过animate()方法实现的。如translate(),rotate(),scale(),skew(),matrix(),rotateX(),rotateY()等方法,这些方法的一个特点就是它们的值是字符和...

    阅读全文
  • 使用jQuery实现的掷色子游戏动画效果

    作者:admin2017.02.12综合浏览:1491评论:0

    CSS3来处理图片的模糊效果。注意#dice_mask是用来做防重复点击的,后面会提到。复制代码代码如下:.wrap{width:90px;height:90px;margin:120pxauto30pxauto;position:relative}.dice...

    阅读全文
  • CSS+jQuery实现的一个放大缩小动画效果

    作者:admin2017.02.11综合浏览:2107评论:0

    CSS3动画了。复制代码代码如下:<!DOCTYPEhtml><html><head><title>CSS+jQuery动画效果</title><metaname="Generator"cont...

    阅读全文
  • jquery和ajax的关系详细介绍

    作者:admin2017.02.11综合浏览:1709评论:0

    CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+)。jQuery使用户能更方便地处理HTMLdocuments、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery同时还有许多成熟的插件可供...

    阅读全文
  • jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)

    作者:admin2017.02.10综合浏览:2187评论:0

    CSS3效果。复制代码代码如下:<!doctypehtml><htmllang="en-US"><head><metahttp-equiv="Content-Type"content="text/html;charse...

    阅读全文
  • 解析prototype,JQuery中跳出each循环的方法

    作者:admin2017.02.10综合浏览:2528评论:0

    CSS3动画示例介绍2010-03-03Tinymce+jQuery.Validation使用产生的BUG2013-12-12jquery实现tr元素的上下移动示例代码2016-08-08jquery过滤特殊字符'',防sql注入的实现方法2015-12-12...

    阅读全文
  • 推荐25个超炫的jQuery网格插件

    作者:admin2017.02.10综合浏览:2150评论:0

    CSS3transition)。 2.Freewall  Freewall是一个跨浏览器和响应式的jQuery插件,以帮助您创建多种类型的网格布局:灵活布局,图像布局,嵌套网格,流体网格,Metro风格布局,类似于pinterest的布局...。此外还拥有漂亮...

    阅读全文
  • web开发人员学习jQuery的6大理由及jQuery的优势介绍

    作者:admin2017.02.09综合浏览:1689评论:0

    CSS3。未来,公司的产品可能会考虑各式各样的平台,包括台式机、平板电脑、智能手机,还可能出现在智能电视机或其他设备中。而jQuery是此类开发的最好解决途径。jQuery只需少量的编码就可以达到令人惊艳的效果。随着HTML5越来越广泛,jQuery将会成为w...

    阅读全文
  • 6款新颖的jQuery和CSS3进度条插件推荐

    作者:admin2017.02.09综合浏览:2112评论:0

    CSS3进度条Loading加载动画插件,希望对大家有帮助。1、不同进度显示不同颜色的进度条这款CSS3进度条和别的有所不同,他的主要特点是随着进度的变化,进度条的颜色会有所改变,这个和游戏中人物的生命值很相似。2、纯CSS3实现的彩色进度条该进度条利用了CS...

    阅读全文
  • jQuery 和 CSS 的文本特效插件集锦

    作者:admin2017.02.09综合浏览:2112评论:0

    CSS3Effects  Demo||Download JQueryWebTickerPlugin  Demo||Download JQueryTextAnimationPlugin  Demo||Download Textillate.JsASimplePl...

    阅读全文

每日一学

最新留言

  • 哈哈

    这eb2c0e8c839166f3036c5348f77293c9是什么呀...

  • admin

    客气了,请继续关注我们QQ群:295431592...

  • essaypinglun

    感谢楼主的分享...

  • 游客1

    非常好...

  • 游客

    这些插件都不错的...

  • 第三方

    似懂非懂...

  • admin

    有些是可以的,需要叠加很多层。...

  • 素材火

    纯css能实现吗?...