前端开发
前端开发博客专注于前端开发,分享前端开发技术、前端开发教程、前端开发工具和前端开发资源等
jQuery on()方法
jQuery on()方法是jQuery官方推荐的一个函数,替换live、bind、delegate、和trigger等方法,使用on方法更加的方便和简单。本文将深入介绍jquery on的各种使用案例。
css3表单required,focus,valid和invalid样式
valid、invalid、required的使用 过去验证表单会通过js和正则去判断填写的内容是否正确,如email的验证。 HTML5的出现为我们提供一些属性,不用编写js和正则即可解决这个检验表单内容。 :required 必须,那i ...
免费css3技巧:时间线, Nexus 7, 滑动和菜单.

1.使用css3和jQuery的作品时间线 非常感谢tutorizlzine,在这篇教程中,我们可以看到一个由jQuery插件展示的作品事件的时间线。你可以添加很多种媒体类型,包括文章、视屏和地图等 In this great tutori ...
一个简单的html表格自适应解决方案
目前有很多智能的表格自适应解决方案。 他们分别是 flip the table on it’s side, convert it to a pie chart, gradually reduce the columns, allow use ...
jQuery ready与window.onload的区别

最近做一个项目,在上一篇文章里面写了一个插件:jQuery滚动固定插件,刚开始时在本地测试,发现都没问题,后来架设到服务器上,发现浮动的末位置总是不对,总以为是哪些代码冲突或者是插件写得不完善,后来开启了调试。发现那个底部Bottom参数的 ...
jQuery插件:滚动固定在某个位置
插件需求 该jQuery插件主要解决滚动过程中固定某个元素,并支持到达某个位置后停止在那里随页面向上滚动,当滚回来时,重新固定起来。兼容IE6。 使用场景 当我们滚动网页浏览时,我们想将侧栏的某个广告或者精选文章固定在那里,这样用户滚动下来 ...
推荐使用Sass和Compass组合写CSS

最近开始在尝试开始使用Sass来写CSS代码,刚开始虽然还是不太习惯用链式的方式写css,不过这是暂时的阶段。 如果你还不了解Sass,可以看之前发表过的文章来了解详情,Sass主要有下面这几种特性(主要内容来自这里) 左邊為原始scss檔 ...
CSS3动画效果,CSS3动画库推荐

今天介绍的是国外的CSS3 Animation Cheat Sheet、Animate.css、magic css3 animation,初次看到几个动画效果,感觉很酷,看了一下代码,才发现原来就是这么简单的,就是使用了transform和 ...
高效CSS开发核心要点摘录

做网站的,我们都知道尽量减少请求数,压缩CSS代码量,使用高效CSS选择符等方式可以来提高网站的载入速度和访问速度,也就是优化网站的性能。 下面分析了一些CSS的书写方式,很多都是我们知道并且正在使用的,这里记录一下,提醒自己以后写CSS的 ...
CSS3创建一个滑出滑入的动画

有时候我们需要在网站上的边栏上放一个客户帮助的表单,开始是放一个按钮在那里,点击之后滑出内容来,一般这种效果我们会用js来控制。现在CSS3也可以做到了哦。 不知道什么意思吗?看看这个演示 这个是怎么做到的呢?那就要用到CSS3里面的:ta ...