摘要: 今天在群里有童鞋问以下代码中:$(function(){$(document).bind("click", function (e) { $(e.target).closest("li").css("color","red");})});(e.target).closest("li")是什么意思?这里给大家稍微解释下:e.target是当前目标,点击对象,e只是参数,任意取值;触发事件的dom对象closest和parents的主要区别是:1,前者从当前元素开始匹配寻找,后者从父元素开始匹配寻找 阅读全文
posted @ 2013-06-25 10:32 jnpd 阅读(4648) 评论(0) 推荐(0)
摘要: 这是jQuery里常用的2个方法。他们2者功能是完全不同的,而初学者往往会被误导。首先 我们看.find()方法:现在有一个页面,里面HTML代码为;程序代码测试1测试2如果我们使用find()方法:var$find=$("div").find(".rain");alert($find.html());将会输出:如果使用filter()方法:var$filter=$("div").filter(".rain");alert($filter.html());将会输出:也许你已经看出它们的区别了。find()会在div 阅读全文
posted @ 2013-06-25 10:01 jnpd 阅读(147) 评论(0) 推荐(0)
摘要: 下载地址:http://www.sublimetext.com/2一.添加插件之前先 下载Package Control 按 Ctrl+`(就是~这个键) 复制下面的代码 确认 重新启动sublime text2import urllib2,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();os.makedirs(ipp) if not os.path.exists(ipp) else None;open(os.path.join(ipp,pf),'wb') 阅读全文
posted @ 2013-06-23 16:24 jnpd 阅读(1059) 评论(0) 推荐(0)
摘要: 今天群里有人在问,求解:charset="ISO-8859-1"是什么意思其实我也不大懂,然后就去翻阅了下资料。科普开始:网页制作中遇到的编码,乱码问题之一:charset=iso-8859-1和charset=gb2312有什么不同?charset=iso-8859-1是西欧的编码,代表说明网站是采用的编码是英文;charset=gb2312代表说明网站是采用的编码是简体中文;charset=utf-8代表世界通用的语言编码;charset=big5代表说明网站是采用的编码是繁体中文;charset=euc-kr代表说明网站是采用的编码是韩文;......等等有很多编码。 阅读全文
posted @ 2013-06-19 09:51 jnpd 阅读(3985) 评论(0) 推荐(0)
摘要: 源PSD效果图: 碰到圆角的问题,为了兼容IE这些主流的浏览器,甚至是IE6在中国普遍存在的状况下,我自己通常的做法都是做成背景图,但眼看这是纯色的背景加个简单的圆角实在没有这个必要去用一张图实现,于是想怎么去实现它好呢? 大概大家都想到用CSS3,不过除了IE9以上版本外,IE其他版本都css3.0的兼容性不是那么的好。于是网上搜了一下解决办法,如下(下面内容为引用源文章内容): 如果要想在IE浏览器中实现圆角的效果,我们一般都会采用圆角图片的方式。用图片的话,基本就跟浏览器没有多大关系了,因为任何浏览器都支持这种方式。今天我们主要是讲解如果用CSS3样式表来实现圆角效果,值得注意的是... 阅读全文
posted @ 2013-05-14 16:46 jnpd 阅读(250) 评论(0) 推荐(0)
摘要: “珍惜生命,远离IE6”,IE6中的bug令很多Web前端开发人员实为头疼,因此不知道烧了多少脑细胞,在众多的Bug中最令人抓狂的就是IE对png图片的不支持,导致设计师和重构师放弃了很多很炫的效果,为了让大家在这方面少烧点脑细胞,KwooShung我就舍身一把,把当前最流行最实用的IE6支持PNG图片的方案整理到本贴内,以供大家学习参考!方案1 - 滤镜解决方案:介绍:滤镜从IE4.0被微软正式引入,所以我们可以使用滤镜解决IE6的PNG透明问题,滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意:此方法在部分版本的IETest中无效,建议使用标准的IE6来进行测试!目录说明 阅读全文
posted @ 2013-05-14 11:56 jnpd 阅读(249) 评论(0) 推荐(0)
摘要: 在CSS2.0时代,可以使用的元素的颜色值有四种表示方法:直接使用颜色名(比如red、blue)、RGB值(比如 rgb(255,0,0))、RGB百分比(比如 rgb(100%,0%,0%))和十六进制数(比如 #ff0000);表示透明度则需要使用opacity定义或透明背景图实现。 RGBA和透明度 来源:黄超[点击放大]而随着CSS3.0的诞生,只要利用RGBA直接显示定义颜色和透明效果。RGBA,顾名思义就是RGB颜色和“Alpha”透明度相结合而诞生的,所以它能兼顾两者。 RGBA的使用方法:.p1 { background: rgba(0,0,255,1) } /* 蓝色,透明. 阅读全文
posted @ 2013-05-09 15:28 jnpd 阅读(198) 评论(0) 推荐(0)
摘要: CSS opacity 这些年已经成为一种技术的趋势,让opacity在跨浏览器中兼容,也困扰着开发人员。今天这篇文章关于CSSopacity 的详细讲解,并提供了代码示例和解释来帮助大家更好在跨浏览器中应用opacity。Opacity的基本语法语法:<length> | inherit取值:<length> :由浮点数字和单位标识符组成的长度值。不可为负值。默认值为:1inherit:默认继承。说明:由浮点数字和单位标识符组成的长度值。不可为负值。声明用来设置一个元素的透明度,opacity取值为1的元素是完全不透明的,反之,取值为0是完全透明的,看不见的。1到0之 阅读全文
posted @ 2013-05-09 15:25 jnpd 阅读(411) 评论(0) 推荐(0)
摘要: 在CSS2.0时代,页面中如果使用了操作系统中没有的一些特殊字体,想要它们正常显示的方法只有将其做成图片,如果一个页面中有20个特殊字体,那就需要做20多个图片,做起页面来十分繁琐。 @font-face不像前面介绍的那些CSS仅仅是个属性,它是选择器,可以用许多字体相关属性对它进行描述。 @font-face { font-family:'FontName'; /*自定义的字体命名*/ src: url('FontName.ttf') format('truetype'); /*字体的路径和位置,和背景图片的格式相同, format是字体格式, 阅读全文
posted @ 2013-05-08 16:08 jnpd 阅读(373) 评论(0) 推荐(0)
摘要: text-shadow是css3中的属性中的文字阴影效果相关语法:text-shadow: length | length | length | color;text-shadow: X轴长度 | Y轴长度 | 阴影模糊半径 | 颜色; X轴长度和Y轴长度可以为负值,如果不需要设置阴影模糊半径的话,可以省略下面的写法都是可以的:text-shadow: -1px 2px 3px #ffb69a;text-shadow: -1px 2px #ffb69a;text-shadow: -1px 3px 3px #ffb69a,1px 1px 5px #922e09;注意:一个text-shado.. 阅读全文
posted @ 2013-05-08 15:34 jnpd 阅读(394) 评论(0) 推荐(0)