<?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; javascript</title>
	<atom:link href="http://www.yaoyingying.com/tag/javascript/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>探测设备系统</title>
		<link>http://www.yaoyingying.com/2011/11/24/device-os-detection/</link>
		<comments>http://www.yaoyingying.com/2011/11/24/device-os-detection/#comments</comments>
		<pubDate>Thu, 24 Nov 2011 04:32:32 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[代码人生]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=1577</guid>
		<description><![CDATA[Javascript 探测客户设备的操作系统 var deviceAgent = navigator.userAgent.toLowerCase&#40;&#41;; var isAndroid = deviceAgent.indexOf&#40;&#34;android&#34;&#41; &#62; -1; //&#38;&#38; ua.indexOf(&#34;mobile&#34;); &#160; var iOS = deviceAgent.match&#40;/(iphone&#124;ipod&#124;ipad)/&#41;; &#160; if &#40;iOS&#41; &#123; document.write&#40;'iOS'&#41;; &#125; else if&#40;isAndroid&#41; &#123; document.write&#40;'android'&#41;; &#125;else &#123; document.write&#40;navigator.platform&#41;; &#125; php 探测客户设备的操作系统 //Detect special conditions devices $iPod = stripos&#40;$_SERVER&#91;'HTTP_USER_AGENT'&#93;,&#34;iPod&#34;&#41;; $iPhone = stripos&#40;$_SERVER&#91;'HTTP_USER_AGENT'&#93;,&#34;iPhone&#34;&#41;; $iPad = stripos&#40;$_SERVER&#91;'HTTP_USER_AGENT'&#93;,&#34;iPad&#34;&#41;; if&#40;stripos&#40;$_SERVER&#91;'HTTP_USER_AGENT'&#93;,&#34;Android&#34;&#41; &#38;&#38; stripos&#40;$_SERVER&#91;'HTTP_USER_AGENT'&#93;,&#34;mobile&#34;&#41;&#41;&#123; $Android = true; &#125;else [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2011/11/24/device-os-detection/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>JavaScript Runcode</title>
		<link>http://www.yaoyingying.com/2010/02/03/javascript-runcode/</link>
		<comments>http://www.yaoyingying.com/2010/02/03/javascript-runcode/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 05:05:07 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[runcode]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=760</guid>
		<description><![CDATA[代码预览器 &#60;html&#62; &#60;head&#62; &#60;title&#62;代码预览器&#60;/title&#62; &#60;meta http-equiv=Content-Type content=&#34;text/html; charset=gb2312&#34;&#62; &#60;script language=JavaScript&#62; var currentpos,timer; function initialize() { timer=setInterval(&#34;scrollwindow()&#34;,50); } function sc() { clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize &#60;/script&#62; &#160; &#60;/head&#62; &#160; &#60;body&#62; &#160; &#60;h1 align=&#34;center&#34;&#62;代码预览器&#60;/h1&#62; &#60;hr SIZE=1&#62; &#160; &#60;p align=&#34;center&#34;&#62;&#60;textarea id=&#34;p&#34; onfocus=&#34;this.select()&#34; onKeyDown=&#34;submitCode()&#34; name=&#34;p&#34; rows=&#34;30&#34; cols=&#34;100&#34;&#62;&#60;/textarea&#62;&#60;/p&#62; &#60;p [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2010/02/03/javascript-runcode/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript 获取 URL 参数</title>
		<link>http://www.yaoyingying.com/2009/09/20/javascript-%e8%8e%b7%e5%8f%96-url-%e5%8f%82%e6%95%b0/</link>
		<comments>http://www.yaoyingying.com/2009/09/20/javascript-%e8%8e%b7%e5%8f%96-url-%e5%8f%82%e6%95%b0/#comments</comments>
		<pubDate>Sun, 20 Sep 2009 15:17:35 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=668</guid>
		<description><![CDATA[function getArgs&#40; &#41; &#123; var args = new Object&#40; &#41;; var query = location.search.substring&#40;1&#41;; // Get query string var pairs = query.split&#40;&#34;&#38;&#34;&#41;; // Break at ampersand for&#40;var i = 0; i &#60; pairs.length; i++&#41; &#123; var pos = pairs&#91;i&#93;.indexOf&#40;'='&#41;; // Look for &#34;name=value&#34; if &#40;pos == -1&#41; continue; // If not found, skip var argname [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/09/20/javascript-%e8%8e%b7%e5%8f%96-url-%e5%8f%82%e6%95%b0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQuery 新闻头条淡入淡出效果</title>
		<link>http://www.yaoyingying.com/2009/08/20/jquery-%e6%96%b0%e9%97%bb%e5%a4%b4%e6%9d%a1%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/08/20/jquery-%e6%96%b0%e9%97%bb%e5%a4%b4%e6%9d%a1%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 21 Aug 2009 04:37:32 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=614</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;style&#62; a { color:#CCCCCC} li { list-style:none;} span { padding-right:20px; color:#FFFFFF; font-weight:bold;} &#60;/style&#62; &#60;/head&#62; &#60;body&#62; &#60;div id=&#34;ticker&#34; style=&#34;padding:10px; background:#333333&#34;&#62; &#60;!-- START TICKER VER 1.0.1 --&#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;script type=&#34;text/javascript&#34;&#62; /* ========================================================= // jquery.innerfade.js // Datum: 2008-02-14 // [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/20/jquery-%e6%96%b0%e9%97%bb%e5%a4%b4%e6%9d%a1%e6%b7%a1%e5%85%a5%e6%b7%a1%e5%87%ba%e6%95%88%e6%9e%9c/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>
		<item>
		<title>JavaScript可移动弹出层</title>
		<link>http://www.yaoyingying.com/2009/08/17/javascript%e5%8f%af%e7%a7%bb%e5%8a%a8%e5%bc%b9%e5%87%ba%e5%b1%82/</link>
		<comments>http://www.yaoyingying.com/2009/08/17/javascript%e5%8f%af%e7%a7%bb%e5%8a%a8%e5%bc%b9%e5%87%ba%e5%b1%82/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 03:14:51 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[代码人生]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[可移动弹出层]]></category>
		<category><![CDATA[弹出层]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=583</guid>
		<description><![CDATA[点击按钮弹出层，兼容FF/IE7的可移动弹出层，弹出层可以移动，可以删除。(点击按钮，页面变灰，处于失效状态) 并把所有select标签捉住–将select设为隐藏（也可以隐藏页面所以元素），关闭弹出层select再显示出来，代码里有注释。（需要不通的效果可以根据自己需要修改） &#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;兼容FF/IE的可移动弹出层&#60;/title&#62;&#60;style type=&#34;text/css&#34;&#62; .button1 {background: #ebebeb; border: 1px solid #888888; color:#333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height:23px; cursor:pointer } &#60;/style&#62; &#60;script language=&#34;javascript&#34;&#62; function alertWin(title, msg, w, h){ var s=document.getElementsByTagName(&#34;select&#34;); //--------------把所有select标签捉住 for(var j=0;j&#60;s.length;j++){s[j].style.display=&#34;none&#34;;} //--------------设为不显示，再进行下面操作 var titleheight = &#34;20px&#34;; [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/17/javascript%e5%8f%af%e7%a7%bb%e5%8a%a8%e5%bc%b9%e5%87%ba%e5%b1%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript图片横向平滑切换效果</title>
		<link>http://www.yaoyingying.com/2009/08/06/javascript%e5%9b%be%e7%89%87%e6%a8%aa%e5%90%91%e5%b9%b3%e6%bb%91%e5%88%87%e6%8d%a2%e6%95%88%e6%9e%9c/</link>
		<comments>http://www.yaoyingying.com/2009/08/06/javascript%e5%9b%be%e7%89%87%e6%a8%aa%e5%90%91%e5%b9%b3%e6%bb%91%e5%88%87%e6%8d%a2%e6%95%88%e6%9e%9c/#comments</comments>
		<pubDate>Fri, 07 Aug 2009 01:25:31 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[图片横向平滑]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=555</guid>
		<description><![CDATA[]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/08/06/javascript%e5%9b%be%e7%89%87%e6%a8%aa%e5%90%91%e5%b9%b3%e6%bb%91%e5%88%87%e6%8d%a2%e6%95%88%e6%9e%9c/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>javascript+css 新闻滑轮显示</title>
		<link>http://www.yaoyingying.com/2009/07/21/javascript-css-%e6%96%b0%e9%97%bb%e6%bb%91%e8%bd%ae%e6%8d%a2%e6%98%be%e7%a4%ba/</link>
		<comments>http://www.yaoyingying.com/2009/07/21/javascript-css-%e6%96%b0%e9%97%bb%e6%bb%91%e8%bd%ae%e6%8d%a2%e6%98%be%e7%a4%ba/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 04:49:49 +0000</pubDate>
		<dc:creator>姚 迎迎</dc:creator>
				<category><![CDATA[代码人生]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[css轮换显示]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[代码]]></category>

		<guid isPermaLink="false">http://www.yaoyingying.com/?p=481</guid>
		<description><![CDATA[Javascript+CSS 经典效果, 新闻滑轮显示. 效果2张: 代码: &#60;!DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.01 Transitional//EN&#34; &#34;http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd&#34;&#62; &#60;html&#62; &#60;head&#62; &#60;title&#62;绝对经典的滑轮新闻显示 (javascript+css)&#60;/title&#62; &#60;meta http-equiv=Content-Type content=&#34;text/html; charset=gb2312&#34;&#62; &#60;style type=&#34;text/css&#34;&#62; &#60;!-- *{padding:0; margin:0} img{border:0; display:block;} BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center } .dis { DISPLAY: [...]]]></description>
		<wfw:commentRss>http://www.yaoyingying.com/2009/07/21/javascript-css-%e6%96%b0%e9%97%bb%e6%bb%91%e8%bd%ae%e6%8d%a2%e6%98%be%e7%a4%ba/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

