<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>蜈蚣&#039;s Blog</title>
	<atom:link href="http://www.wgcss.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.wgcss.com</link>
	<description>早起的蜈蚣有鸟吃~</description>
	<lastBuildDate>Fri, 11 Nov 2011 07:45:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.2</generator>
		<item>
		<title>JQuery 模拟下拉列表</title>
		<link>http://www.wgcss.com/?p=164</link>
		<comments>http://www.wgcss.com/?p=164#comments</comments>
		<pubDate>Thu, 18 Aug 2011 03:22:29 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[Jquery]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=164</guid>
		<description><![CDATA[这是以前写的一篇日志，搬家后不小心弄没了。 重现： 最近在做一项目时，设计师改变了下拉框的默认样式。无奈，只能通过模拟实现。 以下是结构：   下拉一 下拉二 下拉三 下拉四 下拉五 以下是JQ代码： $(function() { $(".dropBtn").click(function() { $(".dropList").toggle(); }); $(".dropList li").click(function() { var listText = $(this).html(); $(".putIn").val(listText); //将所点击下拉列表的内容复制到input中 $(".dropList").hide(); //然后将下拉列表隐藏 }); //以下是给文档绑定点击事件，当所点的祖级元素们中没有dropDown样式，则下拉列表隐藏 $(document).bind('click', function(e) { var clickme = $(e.target); if (!clickme.parents().hasClass("dropDown")) $(".dropList").hide(); }); }) 样式就不贴出来了，我会给出实例，上面的JQ代码，我一开始就不知道鼠标离开下拉时，点击页面其他地方时，下拉隐藏，怎么模拟了，后来，参考了网上的。 以下是实例(IE下运行后请刷新页面看效果)： &#60; !DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;script src=&#34;http://www.wgcss.com/rs/js/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;style type=&#34;text/css&#34;&#62; * [...]]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=164</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>hack速查表</title>
		<link>http://www.wgcss.com/?p=160</link>
		<comments>http://www.wgcss.com/?p=160#comments</comments>
		<pubDate>Tue, 16 Aug 2011 07:39:34 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[(x)html+css]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=160</guid>
		<description><![CDATA[我前几天整理了一份hack速查表，大家可以参考下。如果有不同意见，希望大家留言提出。 &#60; !doctype html&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34;/&#62; &#60;title&#62;hack速查表&#60;/title&#62; &#60;style type=&#34;text/css&#34;&#62; /*reset*/ * { margin:0; padding:0; } body { font:normal 12px/2 Tahoma, Arial, &#34;\5b8b\4f53&#34;, Helvetica, sans-serif; height:100%; text-align:center; background:#fff; } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; } /* Tables still need 'cellspacing=&#34;0&#34;' in the markup. */ table { border-collapse:collapse; border-spacing:0; } [...]]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=160</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>从bo-blog转战wp</title>
		<link>http://www.wgcss.com/?p=106</link>
		<comments>http://www.wgcss.com/?p=106#comments</comments>
		<pubDate>Tue, 03 May 2011 15:51:50 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[蜈蚣杂记]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=106</guid>
		<description><![CDATA[好不容易，从bo-blog转到wp上来了，bo-blog其实也是一款不错的博客程序，但后来，那垃圾信息一天能有上千，实在是受不了。今天晚上刚转过来，很多东西要弄，大家见谅！]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=106</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>网络孔子学院（CIO）招网页制作师2名</title>
		<link>http://www.wgcss.com/?p=87</link>
		<comments>http://www.wgcss.com/?p=87#comments</comments>
		<pubDate>Mon, 14 Feb 2011 15:19:57 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[蜈蚣杂记]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=87</guid>
		<description><![CDATA[由于工作需要，制作部门需急招，网页页面制作师2名，页面制作（cms管理）1名，具体需求如下：岗页名称：网站制作 岗位职责：（1） 与编辑部门以及设计人员合作，完成页面制作；（2） 根据需求描述，修改模板，达到效果；（3） 维护及优化网站页面的前端性能；任职要求：（1） 专科及以上学历；（2） 熟练使用HTML/XHTML、CSS跨浏览器开发制作；（3）了解JS、AS等前端技术；（4） 具备良好的代码编程习惯及较强的文档编写能力；（5） 个性乐观开朗，逻辑性强，具有良好的团队合作能力；（6） 有基于Ajax或Flash的应用开发经验者优先。简历发送至：zhengyu@hanban.org]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=87</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>招聘 网页设计师两名</title>
		<link>http://www.wgcss.com/?p=86</link>
		<comments>http://www.wgcss.com/?p=86#comments</comments>
		<pubDate>Fri, 11 Feb 2011 17:31:20 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[蜈蚣杂记]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=86</guid>
		<description><![CDATA[职位描述：1、负责网站页面设计及制作；2、配合技术员对网站页面进行优化；任职要求：1、精通精通Dreamweaver、Photoshop、Fireworks、Flash等网页设计软件及制图软件。2、有网站设计经验，有较强审美和设计能力。3、熟悉HTML语言，熟练使用DIV+CSS进行网页布局；4、能够耐受工作压力且有强烈的工作责任心；简历请发至： cason@sportscn.com地址:上海市闵行区或徐汇区帮朋友发的招聘信息,大家感兴趣的可以投下简历.]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=86</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FF3.6.8和opera对td的解析</title>
		<link>http://www.wgcss.com/?p=85</link>
		<comments>http://www.wgcss.com/?p=85#comments</comments>
		<pubDate>Wed, 04 Aug 2010 15:03:48 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[(x)html+css]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=85</guid>
		<description><![CDATA[上DEMO: &#60; !DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62; &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62; &#60;head&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; /&#62; &#60;title&#62;表格td计算高度&#60;/title&#62; &#60;style type=&#34;text/css&#34;&#62; * { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0; } .wg { height:126px; background:black; } .wg table { width:200px; margin:0 auto; } .wg td { height:24px; border:1px solid red; } &#60;/style&#62; &#60;/head&#62; &#60;body&#62; &#60;div [...]]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=85</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery tab插件</title>
		<link>http://www.wgcss.com/?p=82</link>
		<comments>http://www.wgcss.com/?p=82#comments</comments>
		<pubDate>Thu, 13 May 2010 11:13:34 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[tab]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=82</guid>
		<description><![CDATA[jQuery tab插件 结构： tab1 tab2 tab3 tab4 tab5 1111 2222 3333 4444 5555 插件代码： // JavaScript Document by wg $(function () { $.fn.tabs = function (options) { var settings = { tabList: "", tabContent: "", tabOn:"", action: "" }; var _this = $(this); if (options) $.extend(settings, options); _this.find(settings.tabContent).eq(0).show(); //第一栏目显示 _this.find(settings.tabList).eq(0).addClass(settings.tabOn); if (settings.action == "mouseover") { [...]]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=82</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>认识lastIndexOf</title>
		<link>http://www.wgcss.com/?p=79</link>
		<comments>http://www.wgcss.com/?p=79#comments</comments>
		<pubDate>Wed, 05 May 2010 08:17:47 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[lastindexof]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=79</guid>
		<description><![CDATA[最近有朋友在群里问过一个问题，如下： var oText="Mississippi";var p=oText.lastIndexOf("ss",6);alert(p); 大家别去跑，自己在心里想下应该是弹出几？ 我把此问题，转到几个前端群里面，也是不允许跑，看应该是弹多少。结果很少有一次性说对的。有说是2的，也有说是0的。甚至有人说多余的参数忽略，意思是指6是多余的。是多余的吗？ 说多少的也有。 你心里想的是几？ 是5吗？ 如果是5那就对了。为什么会是5呢？ 先看看lastIndexOf的定义： 定义和用法 lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索。 语法 stringObject.lastIndexOf(searchvalue,fromindex) searchvalue 必需。规定需检索的字符串值。 fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length &#8211; 1。如省略该参数，则将从字符串的最后一个字符处开始检索。 说明 该方法将从尾到头地检索字符串 stringObject，看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的结尾（没有指定 fromindex 时）。如果找到一个 searchvalue，则返回 searchvalue 的第一个字符在 stringObject 中的位置。stringObject 中的字符位置是从 0 开始的。 提示和注释 注释：lastIndexOf() 方法对大小写敏感！ 注释：如果要检索的字符串值没有出现，则该方法返回 -1。 由以上lastIndexOf的定义和说明可以得知： 6是指开始检索的起始位置，找到了位置后，开始从后向前搜索。所以得到最后一个ss是在5的位置，因此返回5. 例子很简单，但很多人都没得到正确结果，这是为什么呢？ 基础。 &#60; !DOCTYPE html PUBLIC &#34;-//W3C//DTD [...]]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=79</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>第七期WEB标准交流会</title>
		<link>http://www.wgcss.com/?p=78</link>
		<comments>http://www.wgcss.com/?p=78#comments</comments>
		<pubDate>Mon, 26 Apr 2010 09:48:44 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[html5,css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[ie9]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=78</guid>
		<description><![CDATA[4月24日，第七期WEB标准交流会如期在北航举行。这次交流会的主题是，前端开发团队现状调查和未来期望，讨论前端工作人员的职能和团队现状，使用什么样的工具开发、调试、版本管理、发布等，对未来的期望有什么想法？ 由于时间限制，及其他原因，这次交流会并没有涉及到前端的现状和未来话题。交流会请来了微软总部负责IE系列产品的同事Giorgio Sadro，现场英语牛X的没几个，所以还有一个同样是微软公司的工作人员作翻译。他们主要介绍了IE9。包括IE9对HTML5，CSS3，SVG的支持，还有GPU加速，以后IE9的性能（包括渲染，解析，版面排版，较IE8来说，都有大幅度的提升）。现场气氛活跃，讲师也很幽默。问及现场的前端都用什么浏览器时，大家多数都是用firefox。讲师后面当IE9的优势时，都拿firefox来做反面例子，并且还称firefox为你们的浏览器。。IE9目前只有预览版，有朋友问IE9具体什么时间正式发布。讲师保密。但从html5text.com测试看，IE9的得分也不乐观。IE9更多的是在javascript上有所改进，对DOM Level 1, DOM Level 2支持的更好。他着重讲了IE9的GPU加速。并拿一个动画（用javascript做的），来演示IE9的GPU加速性能，不过，其他主流浏览器也会在这方面做支持的。此外，还有人问到IE6什么时候淘汰，讲师说，在4月23日开始，微软就不再对IE6作支持。但在国内的情况不容乐观，95%的用户还是在用IE，其中又有60%多的用户在用IE6。这可能就是中国的国情吧~&#160;&#160;另外，IE以将来有可能会像opera,firefox等其他浏览器一样，版本更新快。就像firefox3.6.2 更新到 3.6.3一样。 在我看来，貌似opera更新的最快了。由于Giorgio Sadro人家是意大利人，讲滴是E文，我所听的和理解的都是他的同事翻译过来的，如果有什么不是很正确的地方，请谅解。第二阶段，交流会请来了周爱民老师，为我们讲述前端，架构、框架与库的实战。太深奥了，我没听懂，在场的大多数人也没听懂，少数几个超牛X的人物应该听懂了些，并且跟周爱民老师讨论了其中的问题。没听懂就不写下去了。由于时间限制，虽有朋友准备了前端开发的现状的ppt，但没有机会与大家分享了，估计要等到下次了。下次应该是在淘宝北京举行第八期交流会。具体详情请关注w3ctech。最后奉上交流会的视频：使劲点介里]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=78</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>html5test</title>
		<link>http://www.wgcss.com/?p=76</link>
		<comments>http://www.wgcss.com/?p=76#comments</comments>
		<pubDate>Mon, 19 Apr 2010 10:10:18 +0000</pubDate>
		<dc:creator>wxbwyx821</dc:creator>
				<category><![CDATA[html5,css3]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.wgcss.com/?p=76</guid>
		<description><![CDATA[近期行内刮起了html5和css3之风。很多人都在了解和学习html5,css3。但主流浏览器(IE系列，FF，opera, safari, chrome)对html5和css3的支持度却大不相同。目前对html5支持的排名如下：chrome, safari,opera, firefox,IE. 最差的还是IE。即便是微软将要推出的IE9. Niels Leenheer做了一个各大浏览器对html5支持度的测试页面(html5text.com)。此页面是以分数的高度作为各大浏览器对html5支持度的说明。 经测试，分数最高的是chrome(5.0.322.2版 133分), safari(4.0.3版 115)，opera(10.52 3347版 3353属于测试版本 102)，firefox(3.6.3版 101)，IE8(19)。以上都是各大浏览器的最新正式版本，测试版不在此页面测试范围之内。另外，http://www.findmebyip.com/litmus/#target-selector 给出了各大浏览器对html5元素，css3声明和选择器的支持情况。大家可以去了解下。]]></description>
		<wfw:commentRss>http://www.wgcss.com/?feed=rss2&#038;p=76</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

