﻿<?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>Everything you have seen here has been an illusion!</description>
	<lastBuildDate>Mon, 26 Jul 2010 05:17:15 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<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[前端技术]]></category>
		<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[图片横向轮转（平滑）效果： 图片左右翻转…… HTML 代码： &#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;ImagesRoll&#60;/title&#62; &#60;link rel=&#34;stylesheet&#34; href=&#34;css/imagesroll.css&#34; /&#62; &#60;/head&#62; &#60;body&#62; &#60;div style=&#34;text-align:center;&#34;&#62; &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34; src=&#34;js/prototype.js&#34;&#62;&#60;/script&#62; &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34; src=&#34;js/effects.js&#34;&#62;&#60;/script&#62; &#60;script language=&#34;JavaScript&#34; type=&#34;text/javascript&#34; src=&#34;js/glider.js&#34;&#62;&#60;/script&#62; &#60;div class=&#34;imagesroll&#34; id=&#34;my-glider&#34;&#62; &#60;div class=&#34;scroller&#34;&#62; &#60;div class=&#34;content&#34;&#62; &#60;div class=&#34;section&#34; id=&#34;section1&#34;&#62; &#60;p&#62;&#60;a href=&#34;#&#34; target=&#34;_blank&#34;&#62;&#60;img alt=&#34;姓名&#34; [...]]]></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[前端技术]]></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>
