<?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>Richie&#039;s Blog 心情车站 &#187; div+css</title>
	<atom:link href="http://www.richiebox.com/tag/divcss/feed" rel="self" type="application/rss+xml" />
	<link>http://www.richiebox.com</link>
	<description>喜怒哀乐 in mylife</description>
	<lastBuildDate>Sun, 18 Apr 2010 10:01:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>简单的选项卡</title>
		<link>http://www.richiebox.com/mylife/lifenote/85.html</link>
		<comments>http://www.richiebox.com/mylife/lifenote/85.html#comments</comments>
		<pubDate>Thu, 22 Nov 2007 10:25:07 +0000</pubDate>
		<dc:creator>richie</dc:creator>
				<category><![CDATA[生活流水]]></category>
		<category><![CDATA[div+css]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[技术]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.richiebox.com?p=85</guid>
		<description><![CDATA[[html]//window.onload = init;function init() {&#160;&#160;intab("tab1");&#160;&#160;intab("tab2");&#160;&#160;}function intab(tabName) {&#160;&#160;var obj = document.getElementById(tabName);&#160;&#160;var list = obj.getElementsByTagName("A");&#160;&#160;var len = list.length;&#160;&#160;var boxList = getd(obj,len);&#160;&#160;for (var i=0; i]]></description>
			<content:encoded><![CDATA[<p>[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br/><html xmlns="http://www.w3.org/1999/xhtml"><br/><head><br/><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><br/><br/><script type="text/javascript"><br/>//<![CDATA[<br/>window.onload = init;<br/>function init() {<br/>&nbsp;&nbsp;intab("tab1");<br/>&nbsp;&nbsp;intab("tab2");<br/>&nbsp;&nbsp;<br/>}<br/>function intab(tabName) {<br/>&nbsp;&nbsp;var obj = document.getElementById(tabName);<br/>&nbsp;&nbsp;var list = obj.getElementsByTagName("A");<br/>&nbsp;&nbsp;var len = list.length;<br/>&nbsp;&nbsp;var boxList = getd(obj,len);<br/>&nbsp;&nbsp;for (var i=0; i<len; i++) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;list<i>.onclick = clickFun<br/>&nbsp;&nbsp;&nbsp;&nbsp;list<i>.d = boxList<i>;<br/>&nbsp;&nbsp;&nbsp;&nbsp;list<i>.f = tabName;<br/>&nbsp;&nbsp;}<br/>}<br/>function clickFun() {<br/>&nbsp;&nbsp;hiTab(this.f);<br/>&nbsp;&nbsp;this.d.style.display = "";<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return false;<br/>}<br/>function getd(obj,len) {<br/>&nbsp;&nbsp;var objName = obj.id;<br/>&nbsp;&nbsp;while (obj.className != "news_c") {<br/>&nbsp;&nbsp;&nbsp;&nbsp;obj = obj.nextSibling<br/>&nbsp;&nbsp;}<br/>&nbsp;&nbsp;var reList = [];<br/>&nbsp;&nbsp;var t = (obj.childNodes[0].tagName)?true:false;<br/>&nbsp;&nbsp;for (var i=0; i<len; i++) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;var tar;<br/>&nbsp;&nbsp;&nbsp;&nbsp;tar = (t)?obj.childNodes<i> <img src='http://www.richiebox.com/wp-includes/images/smilies/icon_surprised.gif' alt=':o' class='wp-smiley' /> bj.childNodes[2*i + 1];<br/>&nbsp;&nbsp;&nbsp;&nbsp;tar.style.display = "none";<br/>&nbsp;&nbsp;&nbsp;&nbsp;reList.push(tar);<br/>&nbsp;&nbsp;}<br/>&nbsp;&nbsp;reList[0].style.display = "";<br/>&nbsp;&nbsp;eval(""+objName + "boxs"+" = reList");<br/>&nbsp;&nbsp;return reList;<br/>}<br/>function hiTab(str) {<br/>&nbsp;&nbsp;var boxs = eval(str + "boxs")<br/>&nbsp;&nbsp;for (var i=0; i<boxs.length; i++) {<br/>&nbsp;&nbsp;&nbsp;&nbsp;boxs<i>.style.display = "none";<br/>&nbsp;&nbsp;}<br/>}<br/>//]]&gt;<br/></script><br/><br />
<style><br/>#tab1 li{float:left;list-style-type: none;padding:0 5px;}<br/>#tab2 li{float:left;list-style-type: none;padding:0 5px;}<br/></style>
<p><br/></head><br/><body><br/>
<div id="tab1"><br/>&nbsp;&nbsp;
<ul><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">新闻</a></li>
<p><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">技术</a></li>
<p><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">相册</a></li>
<p><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">文档</a></li>
<p><br/>&nbsp;&nbsp;</ul>
<p><br/></div>
<p><br/><br /><br/>
<div class="news_c"><br/>&nbsp;&nbsp;
<div>新闻内容</div>
<p><br/>&nbsp;&nbsp;
<div>技术内容</div>
<p><br/>&nbsp;&nbsp;
<div>相册内容</div>
<p><br/>&nbsp;&nbsp;
<div>文档内容</div>
<p><br/></div>
<p><br/><br />
<hr /><br/>
<div id="tab2"><br/>&nbsp;&nbsp;
<ul><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">新闻</a></li>
<p><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">技术</a></li>
<p><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">相册</a></li>
<p><br/>&nbsp;&nbsp;&nbsp;&nbsp;
<li><a href="#">文档</a></li>
<p><br/>&nbsp;&nbsp;</ul>
<p><br/></div>
<p><br/><br /><br/>
<div class="news_c"><br/>&nbsp;&nbsp;
<div>新闻内容</div>
<p><br/>&nbsp;&nbsp;
<div>技术内容</div>
<p><br/>&nbsp;&nbsp;
<div>相册内容</div>
<p><br/>&nbsp;&nbsp;
<div>文档内容</div>
<p><br/></div>
<p><br/></body><br/></html>[/html]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.richiebox.com/mylife/lifenote/85.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
