<?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; Jquery</title>
	<atom:link href="http://www.yaoyingying.com/category/divcss/jquery-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>Jquery 表格上色插件</title>
		<link>http://www.yaoyingying.com/2009/09/08/jquery-colorize-plugin-demo/</link>
		<comments>http://www.yaoyingying.com/2009/09/08/jquery-colorize-plugin-demo/#comments</comments>
		<pubDate>Wed, 09 Sep 2009 04:18:27 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=645</guid>
		<description><![CDATA[http://franca.exofire.net/jq/colorize Coloriza 是一个Jquery 插件，可以为表格的行添加背景颜色，鼠标动作后为行、列增加高亮效果。你可以为很多行、列填色，只要你愿意。再从点击已经填色的行、列就可以还原表格本色。 怎么使用？ 使用默认设置（colorizes a row） $(&#8216;#yourTableId&#8217;).colorize() ; 其他设置和参数: altColor : alternate row background color. The default is &#8216;#ECF6FC&#8217;, &#8216;none&#8217; can be used for no alternate background color.交替行的背景颜色。默认值为&#8217;＃ECF6FC&#8217;，&#8217;none&#8217; 可替代的背景颜色使用。 bgColor : background color (The default background color is white).背景颜色（默认背景颜色为白色）。 hoverColor : background color when you hover a mouse over a row. The default [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/09/08/jquery-colorize-plugin-demo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQUERY搜索框提示效果</title>
		<link>http://www.yaoyingying.com/2009/09/01/jquery%e6%90%9c%e7%b4%a2%e6%a1%86%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/09/01/jquery%e6%90%9c%e7%b4%a2%e6%a1%86%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Wed, 02 Sep 2009 00:53:25 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[示例]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=633</guid>
		<description><![CDATA[搜索框提示效果，输入框获取焦点，则原提示关键字消失，失去焦点，还原原关键字，当然是在没有输入用户关键字的前提下！ &#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=utf-8&#34; /&#62; &#60;title&#62;搜索框提示效果&#60;/title&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; &#62;&#60;/script&#62; &#60;/head&#62; &#60;body&#62; &#60;p&#62;&#60;/p&#62;&#60;br/&#62; 鼠标点击输入框： &#60;input id=&#34;name&#34; type=&#34;text&#34; value=&#34;keywords&#34;/&#62; &#60;script type=&#34;text/javascript&#34;&#62; //$(&#34;#name&#34;).val(); $(&#34;#name&#34;).focus( function () {if($(this).val() == 'keywords') $(this).val(&#34;&#34;);}); $(&#34;#name&#34;).blur( function () {if($(this).val() == '') $(this).val(&#34;keywords&#34;);}); &#60;/script&#62; &#60;/body&#62; &#60;/html&#62; 提示：你可以先修改部分代码再运行。]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/09/01/jquery%e6%90%9c%e7%b4%a2%e6%a1%86%e6%8f%90%e7%a4%ba%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQUERY 层-隐藏-显示 效果</title>
		<link>http://www.yaoyingying.com/2009/08/28/jquery-%e5%b1%82-%e9%9a%90%e8%97%8f-%e6%98%be%e7%a4%ba-%e6%95%88%e6%9e%9c-%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8%e6%91%98%e8%a6%81%e6%88%96%e6%a0%87%e9%a2%98%e6%a8%a1%e5%bc%8f%e5%88%87%e6%8d%a2/</link>
		<comments>http://www.yaoyingying.com/2009/08/28/jquery-%e5%b1%82-%e9%9a%90%e8%97%8f-%e6%98%be%e7%a4%ba-%e6%95%88%e6%9e%9c-%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8%e6%91%98%e8%a6%81%e6%88%96%e6%a0%87%e9%a2%98%e6%a8%a1%e5%bc%8f%e5%88%87%e6%8d%a2/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 08:14:58 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[层]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=629</guid>
		<description><![CDATA[JQUERY 层-隐藏-显示 效果 可以应用与文章列表摘要模式-列表模式切换： &#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; dir=&#34;ltr&#34; lang=&#34;en-EN&#34;&#62; &#60;head&#62; &#60;script src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;style.css&#34; /&#62; &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=UTF-8&#34; /&#62; &#60;title&#62;Simple JQuery Collapsing menu&#60;/title&#62; &#60;/head&#62; &#60;body&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(function() { var i = 1; $(&#34;#mostrar&#34;).click(function(event) { if(i%2 == 1) $(&#34;#mostrar&#34;).html(&#34;简洁模式&#34;); else $(&#34;#mostrar&#34;).html(&#34;摘要模式&#34;); event.preventDefault(); $(&#34;.box2&#34;).slideToggle(); i++; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/28/jquery-%e5%b1%82-%e9%9a%90%e8%97%8f-%e6%98%be%e7%a4%ba-%e6%95%88%e6%9e%9c-%e6%96%87%e7%ab%a0%e5%88%97%e8%a1%a8%e6%91%98%e8%a6%81%e6%88%96%e6%a0%87%e9%a2%98%e6%a8%a1%e5%bc%8f%e5%88%87%e6%8d%a2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jquery 获取元素数量 length</title>
		<link>http://www.yaoyingying.com/2009/08/25/jquery-%e8%8e%b7%e5%8f%96%e5%85%83%e7%b4%a0%e6%95%b0%e9%87%8f-length/</link>
		<comments>http://www.yaoyingying.com/2009/08/25/jquery-%e8%8e%b7%e5%8f%96%e5%85%83%e7%b4%a0%e6%95%b0%e9%87%8f-length/#comments</comments>
		<pubDate>Tue, 25 Aug 2009 11:46:39 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=622</guid>
		<description><![CDATA[这个示例会输出 id=”nav” UL 下的 li 元素的数量(length) &#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;无标题文档&#60;/title&#62; &#60;script src=&#34;http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js&#34; type=&#34;text/javascript&#34;&#62;&#60;/script&#62; &#60;/head&#62; &#60;body&#62; list 1: &#60;ul id=&#34;nav&#34;&#62; &#60;li&#62;ssss&#60;/li&#62; &#60;li&#62;aaaaa&#60;/li&#62; &#60;li&#62;ddddd&#60;/li&#62; &#60;li&#62;eeeee&#60;/li&#62; &#60;/ul&#62; list2: &#60;ul id=&#34;nav2&#34;&#62; &#60;li&#62;sssss&#60;/li&#62; &#60;li&#62;aaaaa&#60;/li&#62; &#60;li&#62;ddddd&#60;/li&#62; &#60;li&#62;eeeee&#60;/li&#62; &#60;/ul&#62; &#60;a href=&#34;#&#34; id=&#34;test&#34; onClick=&#34;jq()&#34;&#62;jQuery&#60;/a&#62; &#60;script&#62; function jq(){ alert($(&#34;#nav li&#34;).length); } [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/25/jquery-%e8%8e%b7%e5%8f%96%e5%85%83%e7%b4%a0%e6%95%b0%e9%87%8f-length/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery插件Step Carousel Viewer实现Javascript图片滑动旋转效果</title>
		<link>http://www.yaoyingying.com/2009/08/20/jquery%e6%8f%92%e4%bb%b6step-carousel-viewer%e5%ae%9e%e7%8e%b0javascript%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%97%8b%e8%bd%ac%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/08/20/jquery%e6%8f%92%e4%bb%b6step-carousel-viewer%e5%ae%9e%e7%8e%b0javascript%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%97%8b%e8%bd%ac%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 04:13:42 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[图片滑动旋转]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=602</guid>
		<description><![CDATA[需要将产品图片或相片等实现Javascript图片滑动旋转Animation效果，能自动播放图片或鼠标控制播放图片，图片固定的滑动在指定的区域内，类似动画播放，使用jQuery插件Step Carousel Viewer可实现该功能，而且使用简单，Step Carousel Viewer中文大概是按步旋转阅读，意思是说每张图片一张一张旋转阅读，效果： &#60;script type=&#34;text/javascript&#34;&#62; // For instructions how how to modify go to this URL // http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm stepcarousel.setup&#40;&#123; galleryid: 'mygallery', //id of carousel DIV beltclass: 'belt', //class of inner &#34;belt&#34; DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content autostep: &#123;enable:true, moveby:1, pause:2000&#125;, panelbehavior: &#123;speed:500, wraparound:true, [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/20/jquery%e6%8f%92%e4%bb%b6step-carousel-viewer%e5%ae%9e%e7%8e%b0javascript%e5%9b%be%e7%89%87%e6%bb%91%e5%8a%a8%e6%97%8b%e8%bd%ac%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

