<?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>草窟设计 &#187; 前端技术</title>
	<atom:link href="http://www.yaoyingying.com/category/divcss/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yaoyingying.com</link>
	<description>Wordpress, Drupal 二次开发~</description>
	<lastBuildDate>Wed, 08 Feb 2012 12:54:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>jquery select option 操作</title>
		<link>http://www.yaoyingying.com/2011/06/15/jquery-select-option/</link>
		<comments>http://www.yaoyingying.com/2011/06/15/jquery-select-option/#comments</comments>
		<pubDate>Wed, 15 Jun 2011 06:55:03 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1469</guid>
		<description><![CDATA[jQuery 是一个非常强大的JS类库，现在越用觉得越好用了。 使用jquery如何操作select(下拉框)呢？主要讲下怎么动态添加option 动态选择option，假如我们的select 控件的 id 属性为 sel jquery 清空 option $(“#sel”).empty(); jquery 增加 option $(“#sel”).append(&#8216; 动态增加 ”); jquery 选择 option $(“#sel”).val(1); 使用这个就可以将 select 中值为 1 的项设定为选中状态 jQuery获取Select选择的Text和Value: 1. $(“#select_id”).change(function(){//code&#8230;}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text 3. var checkValue=$(“#select_id”).val(); //获取Select选择的Value 4. var checkIndex=$(“#select_id “).get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$(“#select_id option:last”).attr(“index”); //获取Select最大的索引值 jQuery添加/删除Select的Option项： 1. $(“#select_id”).append(“ Text “); //为Select追加一个Option(下拉项) [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2011/06/15/jquery-select-option/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>CSS Flow Chart and Jquery Tips</title>
		<link>http://www.yaoyingying.com/2011/06/14/css-flow-chart-and-jquery-tips/</link>
		<comments>http://www.yaoyingying.com/2011/06/14/css-flow-chart-and-jquery-tips/#comments</comments>
		<pubDate>Tue, 14 Jun 2011 06:21:09 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1467</guid>
		<description><![CDATA[&#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Strict//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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=UTF-8&#34; /&#62; &#60;title&#62;Sigenics&#60;/title&#62; &#60;meta name=&#34;generator&#34; content=&#34;WordPress 3.1.3&#34; /&#62; &#60;meta name=&#34;robots&#34; content=&#34;follow, all&#34; /&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34;&#62; &#60;script src=&#34;https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; &#160; //&#60;!&#91;CDATA&#91; $&#40;function &#40;&#41;&#123; var x = 10; var y = 20; $&#40;&#34;.chart a&#34;&#41;.mouseover&#40;function&#40;e&#41;&#123; this.myTitle = this.title; this.title = &#34;&#34;; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2011/06/14/css-flow-chart-and-jquery-tips/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery addClass siblings removeClass</title>
		<link>http://www.yaoyingying.com/2011/05/26/jquery-addclass-siblings-removeclass/</link>
		<comments>http://www.yaoyingying.com/2011/05/26/jquery-addclass-siblings-removeclass/#comments</comments>
		<pubDate>Thu, 26 May 2011 10:26:04 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1455</guid>
		<description><![CDATA[开始，第一个元素默认被选择，鼠标经过改变被选择的元素，当鼠标离开，又恢复第一个被选择。 &#60;html&#62;&#60;html&#62; &#60;head&#62; &#60;title&#62;&#60;/title&#62; &#60;style&#62; * &#123; padding:0; margin:0;&#125; div &#123; background:#eee; padding:20px; width:500px; &#125; a &#123;padding:5px; border:#ccc solid 1px;&#125; .active&#123;color:#F00; padding:5px; border:#F00 solid 1px;&#125; p&#123;background:#CCC; border:#333 solid 1px; padding:20px;&#125; .hilight &#123; color:red;&#125; &#60;/style&#62; &#160; &#60;/head&#62; &#60;body&#62; &#60;div class=&#34;navig&#34;&#62; &#60;a href=&#34;/&#34; class=&#34;active&#34;&#62;澳星移民&#60;/a&#62; &#60;a href=&#34;/&#34; &#62;澳星留学&#60;/a&#62; &#60;a href=&#34;/&#34; &#62;海外房产&#60;/a&#62; &#60;a href=&#34;/&#34; target=&#34;_blank&#34; &#62;澳星之友&#60;/a&#62; &#60;a href=&#34;/&#34; target=&#34;_blank&#34; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2011/05/26/jquery-addclass-siblings-removeclass/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jScrollPane &#8211; 跨浏览器可样式滚动条</title>
		<link>http://www.yaoyingying.com/2011/04/26/jscrollpane-cross-browser-styleable-scrollbars-with-jquery-and-css/</link>
		<comments>http://www.yaoyingying.com/2011/04/26/jscrollpane-cross-browser-styleable-scrollbars-with-jquery-and-css/#comments</comments>
		<pubDate>Tue, 26 Apr 2011 03:47:35 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1426</guid>
		<description><![CDATA[http://jscrollpane.kelvinluck.com/index.html jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser&#8217;s default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane 是一个跨浏览器的 jQuery 插件，作者 Kelvin Luck，他把一个浏览器默认的滚动条（一个与内容溢出属性相关的元素）转换成 HTML 结构，这样可以跟容易的使用CSS编写他的样式。 jScrollPane is designed to be flexible but very easy to use. After you [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2011/04/26/jscrollpane-cross-browser-styleable-scrollbars-with-jquery-and-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kissy &#8211; 淘宝网的 UI 类库</title>
		<link>http://www.yaoyingying.com/2010/12/16/kissy-taobao-ui-base/</link>
		<comments>http://www.yaoyingying.com/2010/12/16/kissy-taobao-ui-base/#comments</comments>
		<pubDate>Thu, 16 Dec 2010 10:11:54 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[kissy]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1340</guid>
		<description><![CDATA[这不是蜜雪薇琪的专辑，他是一个很成熟的 javascript 类库，你可以不知道他，但是你不可以不知道淘宝网，查看淘宝网的网页源码就可以发现他的身影。 http://kissyteam.github.com/docs/html/quickstart/ 这是一份介绍如何使用 KISSY 的入门教程, 教你从最基本的地方开始熟悉这可爱的 KISSY ^o^ 如果你是如下情况之一的开发人员, 都可以通过这份文档慢慢使用起 KISSY: 以前使用过 jQuery , YUI , Ext 等前端类库, 但都不是很满意，想尝试个新鲜点的类库; 前端开发新手, 只有基本的 JS 基础, 正好想学一个 JS 类库来提高自身技能; 完全是个菜鸟, 也没关系! 学习 KISSY 会让你逐渐对前端技术产生足够的兴趣; 至于前端大牛, 直接进入KISSY的 源码世界 贡献你的智慧吧! 我肯定不是js大牛，但不代表我不能用他，花了些时间研究了他，然后在一个网页项目里应用了他。可惜的是，基于kissy的应用插件太少，而自己真的是没有那个实力自己去写。所以期待有大牛能进去贡献一点智慧。呵呵！ http://kissyteam.github.com/kissy/docs/ 这儿是一些已经有的应用，你可以发现，这些应用中淘宝网上都出现了！ http://kissyteam.github.com/docs/html/editorguide/ kissy基础的编辑器。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/12/16/kissy-taobao-ui-base/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript 固定浮动层</title>
		<link>http://www.yaoyingying.com/2010/12/14/javascript-fixed-sheet/</link>
		<comments>http://www.yaoyingying.com/2010/12/14/javascript-fixed-sheet/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 06:34:53 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1334</guid>
		<description><![CDATA[id： 你要滚动的内容的id l： 横坐标的位置 不写为紧贴右边 t： 你要放在页面的那个位置默认是贴着底边 0是贴着顶边 f： 1表示固定 不写或者0表示滚动 实际上是google来别人的程序，都互相转载，也不知道谁是原创。 我在原来的基础上加了一个关闭浮动层的按钮的function。 &#60;img onclick=&#34;div_hide('aa');return false;&#34; src=&#34;#&#34; alt=&#34;#&#34; /&#62; 使用onclick事件，aa 就是要关闭的层的ID。 &#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=gbk&#34; /&#62; &#60;title&#62;底边浮动广告&#60;/title&#62; &#60;/head&#62; &#60;body&#62;&#60;div style=&#34;width:100%;height:1500px; background:#fff&#34;&#62;&#60;/div&#62; &#60;style type=&#34;text/css&#34;&#62; #aa {width:300px;height:200px; border:#9DC3D1 solid 1px; position:relative;} .div_close {position:absolute; right:5px; top:5px; height:20px; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/12/14/javascript-fixed-sheet/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>阿里妈妈里的广告牌DIY</title>
		<link>http://www.yaoyingying.com/2010/12/14/alimama-banner-maker/</link>
		<comments>http://www.yaoyingying.com/2010/12/14/alimama-banner-maker/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 06:09:07 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1328</guid>
		<description><![CDATA[随便捣鼓了一下，挺有意思的，看很多人做出来很多漂亮的Banner，自己也很少羡慕。 阿里广告在线生成 基本上不需要什么很技术的东西，也内置了许多特效，拖拖拽拽进成了，当然，做出来美不美还是看个人的。 最近想捣鼓淘宝网店，发现ali系列真的很强大，很多很有想法的东西值得学习，呵呵，少见多怪了。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/12/14/alimama-banner-maker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网页图片之间有间隙</title>
		<link>http://www.yaoyingying.com/2010/12/10/crack-between-images/</link>
		<comments>http://www.yaoyingying.com/2010/12/10/crack-between-images/#comments</comments>
		<pubDate>Fri, 10 Dec 2010 03:54:14 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[浏览器兼容]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1325</guid>
		<description><![CDATA[一直都没有做过一个网页大面积由图片组成，一直不懈一故，后来发现，其实这里头还是有很多值得关注的。 这次主要碰到的问题是上下排列的图片在IE6和IE7里有间隙。 相关代码： &#60;div&#62; &#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62; &#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62; &#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62; &#60;/div&#62; 只是在 IE6-7会这样，我一开始以为是网页文本类型的缘故，我一开始用的严格类型文本，后来改为过渡行还是一样。 说真的我也搞不清到底为什么会这样，总之通过正常CSS途径（非hack）不好解决，不过后来我发现，给每周图片加一个容器，问题就解决了，像这样： &#60;div&#62; &#60;div&#62;&#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62;&#60;/div&#62; &#60;div&#62;&#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62;&#60;/div&#62; &#60;div&#62;&#60;img src=&#34;#&#34; alt=&#34;&#34; /&#62;&#60;/div&#62; &#60;/div&#62; 这儿不一定必须是 div，事实上其他很多容器都可以。 那么为什么会这样。WHO TELL ME？haha！]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/12/10/crack-between-images/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress is_home() Not Working</title>
		<link>http://www.yaoyingying.com/2010/08/05/wordpress-is_home-not-working/</link>
		<comments>http://www.yaoyingying.com/2010/08/05/wordpress-is_home-not-working/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 08:06:48 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[is_home]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=986</guid>
		<description><![CDATA[is_home() is a very usefull functions in wordpress. just like his name, there use to judge if the page is home page or not, so people can do something special setting in home page from this judge, but sometime, you will fond, it&#8217;s not working, is there something wrong? yes, it is. Cause another function [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/08/05/wordpress-is_home-not-working/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 学习心得</title>
		<link>http://www.yaoyingying.com/2010/05/03/css-%e5%ad%a6%e4%b9%a0%e5%bf%83%e5%be%97/</link>
		<comments>http://www.yaoyingying.com/2010/05/03/css-%e5%ad%a6%e4%b9%a0%e5%bf%83%e5%be%97/#comments</comments>
		<pubDate>Mon, 03 May 2010 12:56:01 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=852</guid>
		<description><![CDATA[最近想写一些关于学习CSS 的文章，但是一直不知道如何入手，提纲把，google 一下到处都是，而且都差不多，我想整个别具一格的，但是到最后还是落入俗套，算了吧，俗就俗把，但求内容不俗。 这是作者编写的一个关于 CSS 的学习指南，作者将他多年在CSS工作实践中得到的经验在这儿分享给每一位读者。文章所写的都是作者在CSS编写过程中的真切感受和折中解决方案，希望读 者们能够喜欢。 一方面来说，作者认为自己的CSS编程已经上升到一定的高度了，当然可能在一些大虾面前只是班门弄斧，但是作者还是将它写了出来，作者自己认为这些 都是一下很好的理解和观点，希望能对大家有所帮助，从而少走弯路。 另一面，作者希望这儿能成为一个交流的媒介，高手可以留些你们更高深的见解，新手也可以留下你们的疑惑。当然我也可以从中得到学习。 地址是：http://learncss.lunarvill.com/ 不断更新中。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/05/03/css-%e5%ad%a6%e4%b9%a0%e5%bf%83%e5%be%97/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

