爱前端网
10款web前端基于jquery超实用jQuery插件大合集
10爱前端网 - Yang 发布于 2014-11-12
1.纯CSS3实现多种箭头绘制及动画 今天要介绍的这款CSS3应用也非常实用，利用它可以用纯CSS3实现各种箭头的绘制，包括左右箭头、上下箭头以及各个方向的转弯箭头，另外还有一款更酷的CSS3箭头动画特效，可以用来做Loading加载动画。这么多箭头，你可以任选一个应用到项目中去...
阅读(2186)赞 (0)
Yang的文章 第32页
126个web前端javascript小技巧
爱前端网 - Yang 发布于 2014-11-11
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.key...
阅读(2178)赞 (0)
WEB前端使用的CSS3选择器
爱前端网 - Yang 发布于 2014-11-10
首先说first-child与last-child，这两个选择器很容易明白，就是父元素下的第一个子元素和最后一个子元素。而nth-child和nth-last-child则是父元素下指定序号的子元素，甚至第偶数个、奇数个子元素精选样式的制定。 /*选择器写法示例*/ nth-ch...
阅读(1543)赞 (0)
10款web前端基于jquery实现的动画的源码
10爱前端网 - Yang 发布于 2014-11-10
1.CSS3 过渡特性创建信封效果的联系表单 最近给大家分享 CSS3 效果比较多，都是充分运用了 CSS3 来实现的。通过 CSS3 的新特性，我们创作出好的交互和效果的可能性大大增加。这篇文章中，我想与大家分享使用 CSS3 过渡特性实现的信封效果的联系表单。 在线演示 源码...
阅读(2160)赞 (0)
HTML5终于定稿，谈谈怎么改变世界
3爱前端网 - Yang 发布于 2014-11-09
我们第一次谈论HTML5要改变世界大概是因为乔布斯，他坚持在 iOS 上不兼容 Flash，在 Adobe 统治多媒体开发的那个年代，这需要付出极大的勇气。这么多年过去了，虽然所有人都在谈论HTML5，但是大部分人甚至都忘了它还是一个仍在完善中的体系。 2007 年 W3C（万维...
阅读(1463)赞 (0)
10款基于html5+css3实现的动画的源码
10爱前端网 - Yang 发布于 2014-11-09
1.CSS3简易清新的下拉菜单 对于CSS3菜单我们已经在以前分享过很多了，有华丽的动画菜单，也有冲击视觉的3D菜单，今天要介绍的是一款简易而实用的下拉菜单，绿色的主题风格，让菜单的外观看上去非常清新，下拉菜单的颜色和主菜单的颜色搭配也非常不错。 在线演示 源码下载 2.HTML...
阅读(1706)赞 (0)
HTML 5 video 视频标签全属性详解
爱前端网 - Yang 发布于 2014-11-08
现在如果要在页面中使用video标签，需要考虑三种情况，支持Ogg Theora或者VP8（如果这玩意儿没出事的话）的（Opera、Mozilla、Chrome），支持H.264的（Safari、IE 9、Chrome），都不支持的（IE6、7、8）。好吧，现在让我们从技术层面来...
阅读(1457)赞 (0)
10款无比华丽的jquery动画应用
10爱前端网 - Yang 发布于 2014-11-07
1.使用 jQuery & CSS3 实现优雅的手风琴效果 手风琴效果常用于切换显示一组内容，这种方式既可以节省网页空间又可以有动画效果。今天，我们将创造一个优雅的手风琴内容效果。这个想法是有悬停时滑出一些垂直手风琴标签。我们将添加一些 CSS3 属性来提升外观。 在线演...
阅读(1783)赞 (0)
50个必备的实用jQuery代码段
爱前端网 - Yang 发布于 2014-11-06
本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴...
阅读(1438)赞 (0)
placeholder在不同浏览器下的表现及兼容方法
6爱前端网 - Yang 发布于 2014-11-05
1、什么是placeholder？ placeholder是html5新增的一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点（或输入内容）时，提示文字消失。 写法如下： 2、placeholder的浏览器兼容性和在...
阅读(1643)赞 (0)
7款基于jQuery实现的动画的源码
7爱前端网 - Yang 发布于 2014-11-04
1.基于jQuery实现垂直滑动的手风琴效果 今天我们要与大家分享一个漂亮而灵活的垂直 jQuery 手风琴效果。其主要思想是扩大手风琴片上的点击和显示更多的信息。其他内容片段将变得不那么透明。当使用一个导航箭头导航下一个片段，新的片会从顶部或底部滑动。 在线演示 源码下载 2....
阅读(1663)赞 (0)
利用border做出纯CSS的三角形
爱前端网 - Yang 发布于 2014-11-03
网站上经常会使用一些三角形，除了图片的方式，实际上利用border我们可以做出纯CSS的三角形。我们知道border是个边抖可以单独设置，当四个边相交的时候他们是什么时候改变的？ .t0{ margin:30px; height:200px; width:200px; borde...
阅读(1681)赞 (0)
常用CSS优化总结——网络性能与语法性能建议
爱前端网 - Yang 发布于 2014-11-03
在前端面试中最常见的问题就是页面优化和缓存（貌似也是页面优化），被问了几次后心虚的不行，平然平时多少会用到一些，但突然问我，很难把自己知道的都说出来。页面优化明显不是一两句能够说完的，这两天总结了一下CSS相关的优化知识，写篇博客梳理一下，还望大家多多指教 关于CSS的优化工作主...
阅读(1530)赞 (0)
6款精美jQuery源码插件及源码
6爱前端网 - Yang 发布于 2014-11-02
1.简洁的纯css3代码实现的动画导航 今天给大家分享一款简洁的纯css3代码实现的动画导航。鼠标经过的时候以背景色以菱形渐变为长方形。 在线演示 源码下载 2.CSS3 制作网站面包屑导航效果 作为最重要的导航展示形式之一，面包屑导航能够让用户更清楚的知道他们所在页面的层次结构...
阅读(1828)赞 (0)
HTML5标准制定完成：浏览器大战能消停吗？
1爱前端网 - Yang 发布于 2014-11-02
狭义上，HTML5是HTML的第五个版本。HTML的全称是超文本标记语言（HyperText Markup Language），由万维网的发明者蒂姆·伯纳斯·李设计，是为创建网页而设计的一种标记语言。HTML利用标签来描述内容的语义，使计算机能够通过识别标签来正确处理内容。 昨天...
阅读(1537)赞 (0)
WordPress用jquery.lazyload.js实现图片延迟加载
爱前端网 - Yang 发布于 2014-11-02
新版 jquery.lazyload.js 插件，要求必须给图片地址添加一个data-original属性， <img class=”lazy” data-original=”img/example.jpg” width=&#...
阅读(2175)赞 (0)
加快WordPress网站运行的6种方法
1爱前端网 - Yang 发布于 2014-11-02
下面是一些对WordPress网站进行优化的常规性方法，也许对你有些帮助，可以提高你的WordPress网站的性能，加快网站运行。这里有好多个个优化方法（有一些是常规性的，大家都知道；有些不是），看你如何去选择了。 WordPress作为一个平台，本身具有非常良好的编码，性能也不...
阅读(1382)赞 (0)
web前端中css sprites介绍
2爱前端网 - Yang 发布于 2014-11-02
CSS Sprites简介 通常被意译为“CSS图像拼合”或“CSS贴图定位”。CSS Sprites并不是一门新技术，目前它已经在网页开发中发展得较为成熟，阿里巴巴各子公司的网页中到处都可发现css sprites 的影子。但CS...
阅读(1364)赞 (0)
web前端的display：inline、block、inline-block 的区别
爱前端网 - Yang 发布于 2014-11-01
一、块级元素 与 行级元素 要理解display:inline、block、inline-block的区别，需要先了解HTML中的块级（block）元素和行级（inline）元素的特点，行内元素也叫内联元素。 1、块级元素 总是另起一行开始； 高度，行高以及顶、底边距都可以控制；...
阅读(1937)赞 (0)
web前端中CSS代码样式优化作用与意义
爱前端网 - Yang 发布于 2014-11-01
一、css代码优化作用与意义 1、减少占用网页字节。在同等条件下缩短浏览器下载css代码时间，相当于加快网页打开速度 2、便于维护。简化和标准化css代码让css代码减少，便于日后维护 3、让自己写的css代码更加专业。 二、css代码优化的方法 1.使用简写 如果你现在还对简写...
阅读(1664)赞 (0)