jQuery元素筛选方法集合

1、eq()    筛选指定索引号的元素 2、first()  筛选出第一个匹配的元素 3、last()   筛选出最后一个匹配的元素 4、hasClass()  检查匹配的元素是否含有指定的类 5、filter()  筛选出与指定表达式匹配的元素集合 6、is()    检查元素是否参数里能匹配上的 7、map() 8、has()  筛...
Web前端开发 / / 4921次阅读

实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案

实现图像灰度(grayscale)最初有ie6推出的专属属性filter实现,后来在css3里w3c实现了标准的filter,但是在不同浏览器的实现程度不一样,因此需要一种浏览器兼容的解决方案。 IE私有滤镜的方式:自IE4开始,IE引入了私有滤镜,可以实现透明度、模糊、阴影、发光等效果,当然也可以实现灰度图像效果。代码如下: img { filter: gray; /* just for...
Web前端开发 / / 8008次阅读
实现各浏览器html图像灰度 跨浏览器图像灰度(grayscale)解决方案

CSS3选择器nth-child(n)实现隔几行选择元素

nth-child(n),n 可以是数字、关键词或公式。选择器匹配属于其父元素的第N个子元素,不论元素的类型。 序号写法: li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*/ 倍数写法: li:nth-child(3n){background:orange;}/*把第3、第6、第9、…、所有3的倍数的LI的背景设为橙色*/ 倍数分组匹配: li:nth...
Web前端开发 / / 39471次阅读

list-style-image失效background替换方法

使用css+html制作网页时,经常会出现css代码在某浏览器没有效果的情况,如list-style-image代码就经常不能显示出图标,有些时候是因为使用了float的原因,有些时候却难以发现是什么原因。解决的方法一般是使用background背景图片的方法。 如以下css代码: #sidebar ul {margin:15px 0;} #sidebar ul li {line-height:1.5em;...
Web前端开发 / / 5324次阅读

jQuery hover改变div边框颜色

今天在做一个网页,需要用到鼠标悬浮hover改变当前div边框颜色,由于IE6之类的浏览器不支持非a以外的伪类,所以就用jQuery实现。刚开始使用addClass添加样式的方法,发现不能成功,后来就直接通过jquery给当前div添加一个border的样式。 实现效果的方法: $(document).ready(function() { $('.themelist').hover(function() {...
Web前端开发 / / 21591次阅读

CSS overflow 属性介绍

overflow 属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。overflow属性默认值为auto 设置 overflow 属性: div { width:960px; height:150px; overflow:scroll; } overflow...
Web前端开发 / / 5312次阅读

jQuery hover(over,out)事件的用法

hover(over,out)这是jQuery的一个模仿悬停事件,即当鼠标移动到一个匹配的元素上面时,会触发指定的第一个函数。当鼠标移出这个元素时,会触发指定的第二个函数。而且,会伴随着对鼠标是否仍然处在特定元素中的检测,如果是,则会继续保持“悬停”状态,而不触发移出事件。 参数 over (Function) : 鼠标移到元素上要触发的函数 out (Function) : 鼠标移出元素要触发...
Web前端开发 / / 21627次阅读

DIV+CSS单行文字怎么垂直居中?CSS单行文字垂直居中的方法

DIV+CSS里单行文字垂直居中仅需要在DIV添加height属性后再添加个line-height属于就可以了。 #neirongorg {height:25px;line-height:25px;} 仅需要这样就可以达到单行文字垂直居中的效果。也可以应用到DIV垂直居中里。 也可以使用Vertical center现实,不它只对(X)HTML元素中拥有valign特性的元素才...
Web前端开发 / / 4529次阅读

在IE6中使用了float浮动元素导致margin产生双边距的解决方法

使用CSS+DIV制作网页的时候,由于目前浏览器太多,每个浏览器都有不同的CSS的BUG问题,其中IE浏览器特别多,加上用户总坚持着老版本不放,也加重了网页设计师的麻烦。float浮动之后margin产生双边距便是IE6中很明显的BUG。 什么是双边距? 先看以下CSS代码: #neirong{float:left;width:250px;height:250px;margin:10px;} 表示宽高为250像素的D...
Web前端开发 / / 10465次阅读