摘要： filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。详细说明如果给定表示 DOM 元素集合的 jQuery 对象，.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素；所有匹配该选择器的元素都会包含在结果中。请思考下面这个拥有简单列表的页面： list item 1 list item 2 list item 3 list item 4 list item 5 list item 6我们可以向这个列表项集合应用该方法：$('li').filter(':even').css('backgrou 阅读全文

摘要： 地址有：http://www.17sucai.com/pins/2657.html 如果你善于发现美，如果你善于观察新鲜的事物，如果你是一名有爱的前端攻城师或设计尸，那么你一定不会对下面图片中的结构感到陌生。没错，这就是现在很火的瀑布流。也称砌墙效果。就是这种不稳定结构，就是这种交错之美，震撼着每个 阅读全文

摘要： 前面我们一起探讨了一下CSS3 Gradient（css3 渐变），今天我们一起来探讨一下CSS3中的RGBA。RGB对于大家来说一点不陌生，他就是红色R+绿色G+蓝色B，那现在我们所说的RGBA又是什么呢？说得简单一点就是在RGB的基础上加进了一个通道Alpha。从而形成了我们今天需要讨论的RGBA。如果需要更详细的解说，大家就跟着我一起往下看吧。语法:R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数| 百分数A：透明度。取值0~1之间取值： ：Hue(色调)。 0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色； ：Satu 阅读全文

摘要： 在开始介绍Animation之前我们有必要先来了解一个特殊的东西，那就是"Keyframes",我们把他叫做“关键帧”，玩过flash的朋友可能对这个东西并不会陌生。下面我们就一起来看看这个“Keyframes”是什么东西。前面我们在使用transition制作一个简单的transition效果时， 阅读全文

摘要： 现阶段，我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash，通过使用和标签，就可以通过浏览器播放swf，flv等格式视频文件，但是前提是浏览器必须安装第三方插件：Adobe Flash Player。而HTML5的到来，改变了这一事实，WEB开发者只需要使用标签就可以轻松加载视频文件，而不需要任何第三方插件。未来的WEB将可以在任何终端，任何平台只需通过HTML5的标签就能实现加载视频文件。其中演示的网址为：http://www.helloweba.com/demo/html5video/WEB中的Video标签HTML5定义了一个新的元素用来指定标准的方式来插入视频文件到web页面中 阅读全文

摘要： 1：文档结构元素 1.1 文章语义 -- article、header和footer元素 article元素在页面中用来表示结构完整且独立的内容部分，如论坛的一个帖子，杂志或者报纸的一篇文章。 article元素是可以嵌套使用的，内层的内容在原则上需要与外层内容相关联。例如，一篇博客文章与针对该文章的评论一起可以使用嵌套article的方式，这时用来呈现评论的article元素被包含在文章内容的article里面。 header元素是一种具有引导和导航作用的辅助元素，通常，header元素可以包含一个区块的标题，但也可以包含其他的内容。 footer元素可以作为... 阅读全文

摘要： 如图:这个效果就是跟淘宝一样类似的，不过这个是要用到jquery1.7版本的，是一个不错的效果！文件下载分享网址：http://yunpan.cn/QD67mrHiy7Gz7第二个实例：如图：从三张图片可以看出，这个是效仿淘宝分类导航的效果，当滚动条滚动到100像素后开始折叠，当鼠标移到二级栏目的时候还出现三级栏目，这个是一个不错的左侧分类导航插件!其中，这个页面也用到了Jquery1.7的版本，页面分享下载网址：http://yunpan.cn/QDk7cdcXhYQHW 阅读全文

摘要： 一、目前的最新版新蒂下午茶体包含了7600+常用汉字，每个字都是手写而成，是一套充满手写感的中文字体，轻松、惬意，如同慢饮一杯下午茶。SentyTEA-Basic.ttf 这个一个新蒂下午茶体基本版字体下载：http://yunpan.cn/QIiHApufieZAM 阅读全文

摘要： 如图1：当滚动条滚动到400的时候，这个导航条才会淡入出现，当小于400的时候，这个导航条淡出隐藏。Javascript代码如下：$(function(){$(window).scroll(function(){ var win_top=$(document).scrollTop(); if(win... 阅读全文

摘要： 如图一：页面刷新时候的效果是这样的如图二：图片过五秒会自动轮转一次，当鼠标移动到小广告图时候，其他广告图出校灰色效果，这样效果是一个很简单的效果制作成的最后，javascript的代码分享为：$(function(){$(".mScm-right").hover(function(){},function(){$(this).find("i").css({filter:"alpha(opacity=0)",opacity:"0"});}); $(".mScm-right li").hover(f 阅读全文