<?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>聰明的生活2 &#187; javascript</title>
	<atom:link href="http://blog.yslifes.com/archives/category/program/javascript/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.yslifes.com</link>
	<description>自己寫java程式的一些筆記</description>
	<lastBuildDate>Tue, 27 Jul 2010 02:13:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	<atom:link rel='hub' href='http://blog.yslifes.com/?pushpress=hub'/>
	
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://blog.yslifes.com/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
jQuery.ajax({type:'GET',url:'http://blog.yslifes.com/wp-content/plugins/wp-postviews-plus/postviews_plus.php',data:'todowppvp=add&type=cat&id=37_1',cache:false,dataType:'script'});
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>網頁除錯觀察的Browser工具FireBug-開發者工具-開發人員工具</title>
		<link>http://blog.yslifes.com/archives/699</link>
		<comments>http://blog.yslifes.com/archives/699#comments</comments>
		<pubDate>Tue, 27 Jul 2010 02:13:45 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[軟體介紹]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[debug]]></category>
		<category><![CDATA[fiefox]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[ie]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/699</guid>
		<description><![CDATA[當程式人員或網頁設計師在開發網頁時都會遇到一個問題，就是debug不易，不過自從Firefox大行其道後，這個問題被FireBug解決了，使用FireBug可以很方便的知道網頁那裡出了問題，可以直接修改CSS及html dom內容，還可以知道整個網頁到底傳輸了什麼內容及資訊等等，可說是十分好用，Microsoft在其後釋出的Internet Explorer及Google的Browser也都支援了類似的功能，不過更新的頻率並不像FireBug那麼高。 首先介紹IE8的開發者工具 可以由上方工具列的工具－＞開發者工具 來啟動（或F12） 使用開發者工具HTML tab裡的滑鼠指標可以直接取得網頁裡HTML的結構內容 而在這個HTML tab也可以直接修改文件內容或CSS，不過個人並不覺得比FireBug好用 CSS tab可以取得CSS內容，指令碼則是javascript的內容 Goolgle Chrome 開發人員工具 可以從右上角的文件按鈕－＞開發人員選項－＞開發人員工具 來啟動 Elements tab裡的內容就是網頁HTML結構內容，一樣可以直接修改網頁內容資料及CSS內容，所見即所得，結果馬上就可以在網頁上顯示了。 右側Styles分頁裡Computed Style裡可以知道這個元件應該有的所有CSS，可以很方便的追查到底那裡影響了網頁內容（像是字型等） Resources是所有載入網頁的圖檔、網頁、css檔、javascript檔、flash檔等的內容、時間等資訊。 Console控制台可以知道網頁產生的錯誤，像javascrip錯誤、css錯誤等資訊。 也可直接在元素上按右鍵選＂檢查元素＂，就可以直接來到此元素的HTML結構位置了 FireFox FireBug 以上二個工具並沒有很細的介紹，其實都大同小異，大概都跟FireBug相似吧，所以沒介紹到的功能可以參考以下介紹，再去IE及Chrome來查看。 FireBug安裝 FireBug並非FireFox原生套件，所以需要自行安裝plugin，安裝方法很簡單 工具－＞附加元件－＞取得元件－＞查詢firebug－＞瀏覽所有….－＞找到FireBug選擇新增至Firefox 然後安裝好後可以在擴充套件裡找到Firebug的版本資訊，要移除或停用也可以在此頁面操作 右下角的小蟲圖就是啟動FireBug的按鈕，啟用後如果沒有得到應有的資訊時，可以重新整理一次網頁內容 FireBug簡介及啟用 啟用FireBug後可以看到如果有錯誤訊息時，右下角原本小蟲的圖示變成了Error提示 如果想要啟用某一項功能，像是網路、DOM等等時，記得按到分頁tab裡，然後選擇Enabled，如此才能啟動及使用，如果沒有想要的資訊，記得重新整理網頁一下。 如何使用HTML 檢查器？可以直接按主控台分頁tab左邊的按鈕，然後選擇元素，就會移到此元素的HTML結構位置，右側可以看到使用的CSS內容。 或者直接在元素上按右鍵選擇觀察元素 FireBug主控台 主控台可以看到Ajax執行的網址及傳送資訊、Script錯誤內容、資訊及錯誤的行數，可以很方便的debug Ajax執行的網址﹑回應狀態、秒數及回應的內容等，在處理Ajax debug時實在好用 FireBug HTML 資訊 除了簡介時介紹的二種取得元素HTML位置，還有另一種是直接在HTML結構上搜尋，網頁內容也會有一個選取方框來提示目前的元素 也可以直接在HTML結構裡修改內容或CSS，可以省去很多網頁更新的時間 FireBug Script 資訊 這個分頁可以看到所有載入的javascript內容，如果在控制台有script的錯誤資訊，可以來這裡查看其行數以便除錯 右側還有一個監看視窗，可以直接在裡面輸入要執行的javascript內容，在每次來到此頁面時都會自動執行，所以不用時記得刪除。像是需要知道某個變數值時，就可以利用來alert變數內容。 FireBug CSS 資訊 [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/699/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在pixnet部落格裡增加facebook like 讚按鈕</title>
		<link>http://blog.yslifes.com/archives/695</link>
		<comments>http://blog.yslifes.com/archives/695#comments</comments>
		<pubDate>Mon, 19 Jul 2010 23:15:13 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[like]]></category>
		<category><![CDATA[pixnet]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/695</guid>
		<description><![CDATA[facebook有需多的外掛元件，可以從facebook developers裡面找到設定並安裝，這裡介紹如何在pixnet blog裡安裝”讚”這個按鈕。 一般不另任設定時，pixnet blog只能固定在某一個區塊顯示＂讚＂按鈕，像是在公告區塊或是左右側欄，不過這樣子並不太好用，而且也不能自動變換要推薦的文章網址（如何取得like button可參考 [分享] 如何在部落格上放入Facebook的「讚」？ ），就像下圖：（facebook plugin like button） 如果要放在其它地方要如何做呢？這裡示範在標題下方依每個標題連結自動產生一個讚的按鈕出來，結果會如下圖。 script的寫法使用pixnet原本就提供的jQuery來插入like button的iframe，然後把script碼放入公告區塊就可以用了，想更改放至其它地方也可依此做更改。 source如下： &#60;script type=&#34;text/javascript&#34;&#62; jQuery&#40;document&#41;.ready&#40;function&#40;&#41;&#123; jQuery&#40;&#34;div.article-body&#34;&#41;.each&#40;function&#40;i&#41; &#123; //iframe的語法設定可由 //http://developers.facebook.com/docs/reference/plugins/like //來取得，只需調整href後的參數 jQuery&#40;this&#41;.before&#40;'&#60;iframe src=&#34;http://www.facebook.com/plugins/like.php?href='+ encodeURIComponent&#40;jQuery&#40;this&#41;.parent&#40;&#41;.find&#40;&#34;ul&#34;&#41;.find&#40;'a'&#41;.attr&#40;'href'&#41;&#41;+ '&#38;amp;layout=standard&#38;amp;show_faces=true&#38;amp;width=600&#38;amp;action=like&#38;amp;colorscheme=light&#38;amp;height=20&#34; scrolling=&#34;no&#34; frameborder=&#34;0&#34; style=&#34;border:none; overflow:hidden; width:600px; height:20px;&#34; allowTransparency=&#34;true&#34;&#62;&#60;/iframe&#62;'&#41;; &#125; &#41;;&#125;&#41;;&#60;/script&#62;]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/695/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[jsp]利用Google Map查詢經緯度</title>
		<link>http://blog.yslifes.com/archives/622</link>
		<comments>http://blog.yslifes.com/archives/622#comments</comments>
		<pubDate>Mon, 26 Apr 2010 13:47:37 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[Java]]></category>
		<category><![CDATA[database]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[MySQL]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/622</guid>
		<description><![CDATA[如果手上有一堆地址清單想要知道它們的經緯度如何？要怎麼做呢？這裡介紹一個很簡單的方法，利用二個Ajax及Google Map就可以完成，一個要求地址欄位及key值（這其實可以直接全都先輸出成javascript的Array就好了），另一個接收到經緯度資料後回傳給Server做儲存（這也可以直接利用一個TextArea存放，到時再複製起來存放），而Google Map最主要的功能就是把地址轉換成經緯度。 做法及想法如下： 1.建立資料庫Table 需要有一個pk值、地址、經度、緯度及一個記錄是否已取得成功的註記符號，MySQL語法如下： ps.先建立幾筆資料做測試，如下insert 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 CREATE TABLE `test`.`Address` &#40; `id` INTEGER UNSIGNED NOT NULL AUTO_INCREMENT, `zip_name` VARCHAR&#40;45&#41; NOT NULL, `address` VARCHAR&#40;500&#41; NOT NULL, `latitude` VARCHAR&#40;100&#41;, `longitude` VARCHAR&#40;100&#41;, `flg` VARCHAR&#40;1&#41;, PRIMARY KEY &#40;`id`&#41; &#41; ENGINE = InnoDB; &#160; INSERT [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/622/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>prototype Ajax回傳json物件的處理</title>
		<link>http://blog.yslifes.com/archives/620</link>
		<comments>http://blog.yslifes.com/archives/620#comments</comments>
		<pubDate>Sun, 25 Apr 2010 00:02:03 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[json]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/620</guid>
		<description><![CDATA[一般人在設計ajax成功回傳事件時，有幾種方式來處理回傳的資料，一種是純文字或html code，一種是xml格式那另一種就是json格式，json格式不像xml需要成對的tag，所以在回傳資料長度上會顯的短很快，如果整個網站都大量使用ajax方法的話，選擇json是一個很好的方法。 json的相關資訊可以在這裡看到：JSON in JavaScript prototype這個framework本身就有支援To JSON的方法，有二種格式可以轉換成json，一種是javascript的class，另一種就是純文字了，不過純文字的內容要為json格式才能被轉換，如下： &#123;&#34;bindings&#34;: &#91; &#123;&#34;ircEvent&#34;: &#34;PRIVMSG&#34;, &#34;method&#34;: &#34;newURI&#34;, &#34;regex&#34;: &#34;^http://.*&#34;&#125;, &#123;&#34;ircEvent&#34;: &#34;PRIVMSG&#34;, &#34;method&#34;: &#34;deleteURI&#34;, &#34;regex&#34;: &#34;^delete.*&#34;&#125;, &#123;&#34;ircEvent&#34;: &#34;PRIVMSG&#34;, &#34;method&#34;: &#34;randomURI&#34;, &#34;regex&#34;: &#34;^random.*&#34;&#125; &#93; &#125;; 所以在設計ajax response文字時，就特意的輸出成json格式的內容，再利用prototype轉成json物件，那就可以在javascript裡直接使用了。 以下用一個簡單的例子來說明，form request ajax要求一個查詢，查詢經由一個jsp做處理，處理好後輸出json格式回傳給剛才的request，接收到response後，轉換成javascript的json物件，再取出物件內容來顯示在畫面上。 底下是prototype Ajax的寫法，直接用form上的設定當成request，然後再處理responseText就可以了。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/620/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Javascript]AutoComplete自動完成效果</title>
		<link>http://blog.yslifes.com/archives/619</link>
		<comments>http://blog.yslifes.com/archives/619#comments</comments>
		<pubDate>Fri, 23 Apr 2010 23:48:39 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[autocomplete]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/619</guid>
		<description><![CDATA[之前為了做這AutoComplete效果找了好多資料，不過大都是jQuery的，當然不是不好用，只是在一個頁面載入prototype跟jQeruy就會有些衝突的問題要解決。 效果大概會像下面這樣子 作者的資訊如下： Ajax Autocomplete for Prototype, version 1.0.3 (c) 2008 Tomas Kirda http://www.devbridge.com/projects/autocomplete/ 雖然版本不是很新，不過很完整，只要在自己需要的地方再做些修改就可以了 範例提供如下： 以下提供一個範例，只需開啟AutoComplete.html然後輸入Li ，就會由response.html回傳一個json格式顯示出來。 下載點： 範例畫面 使用方法 載入prototype1.6版本 載入autocomplete.js 載入Autocomplete用的css 建立一個input輸入區 new 一個Autocomplete告知來啟動這個效果 以下是大程式部份 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 &#60;script type=&#34;text/javascript&#34; src=&#34;js/prototype.js&#34; &#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34; [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/619/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>網頁post自動產生iframe</title>
		<link>http://blog.yslifes.com/archives/516</link>
		<comments>http://blog.yslifes.com/archives/516#comments</comments>
		<pubDate>Tue, 02 Feb 2010 15:12:37 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/?p=516</guid>
		<description><![CDATA[大部份在寫網頁要上傳檔案時都需要使用到iframe做一個中繼， 可是如果response一個錯誤訊息時，前一個iframe資料就會變成history， 在控制上，像重新整理等時，就會遇到暫存資料的問題，以下有一個方法， 可以在檢查完所有form條件時才自動createiFrame做post動作， 而重新整理時（或第一次進入此畫面時）又不會真實存在，來解決暫存的問題。 function createIFrame(){ if(!document.getElementById(&#34;_hiddenframe&#34;)) { var frame = document.createElement(&#34;iframe&#34;); frame.setAttribute(&#34;name&#34;,&#34;_hiddenframe1&#34;); frame.setAttribute(&#34;src&#34;,&#34;about:blank&#34;); frame.setAttribute(&#34;frameborder&#34;,&#34;0&#34;); frame.setAttribute(&#34;height&#34;,&#34;0&#34;); frame.setAttribute(&#34;width&#34;,&#34;0&#34;); frame.setAttribute(&#34;id&#34;,&#34;_hiddenframe&#34;); frame.name = &#34;_hiddenframe&#34;; document.body.appendChild(frame); window.frames._hiddenframe.name = &#34;_hiddenframe&#34;; document.getElementsByTagName(&#34;body&#34;)[0].appendChild(frame); } }]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/516/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JavaScript Source Compression Obfuscators</title>
		<link>http://blog.yslifes.com/archives/515</link>
		<comments>http://blog.yslifes.com/archives/515#comments</comments>
		<pubDate>Tue, 05 Jan 2010 14:00:49 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[google]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[yahoo]]></category>
		<category><![CDATA[軟體介紹]]></category>
		<category><![CDATA[Obfuscators]]></category>
		<category><![CDATA[source]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/515</guid>
		<description><![CDATA[Google Closure Complier Google提供API讓用戶端可以直接撰寫自己的程式來壓縮及擾亂JavaScript Source，而以下是它提供UI介面，可以直接Add a URL，就可以輸出Complier後的Script Code，畫面如下： Labs網址：http://code.google.com/intl/zh-TW/closure/compiler/docs/gettingstarted_ui.html UI網址: http://closure-compiler.appspot.com/home Yahoo YUI Compressor Yahoo在很早以前就提供JavaScript及css的Compressor及Obfuscators，而它本身並沒有UI介面，只能直接使用java command來執行java –jar yuicompressor-x-y-z.jar 。 官方網站：http://developer.yahoo.com/yui/compressor/ 測試 實際用prototype.js這個script來壓縮，結果如下： 原始檔大小約124,136位元組 Google Closure Complier執行過後約71,280位元組 Yahoo YUI Compressor執行過後約72,612位元組 以上的設定值均為一般設定 每萬次展示節省成本約50Mb(以Google Cosure Complier為例)]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/515/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[javascript]特效accordion</title>
		<link>http://blog.yslifes.com/archives/511</link>
		<comments>http://blog.yslifes.com/archives/511#comments</comments>
		<pubDate>Mon, 07 Dec 2009 01:22:25 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[prototype]]></category>
		<category><![CDATA[rico]]></category>
		<category><![CDATA[scriptaculous]]></category>
		<category><![CDATA[特效]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/511</guid>
		<description><![CDATA[這裡介紹幾個Accordion特效 1. jquery版本 網址 裡面有很詳細的說明及修改方法，很順暢，不過css有點小多，比較不好改 2. prototype 版本 網址 3.prototype 版本 scriptaculous 網址 說明網址 4.rico 版本 網址]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/511/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[jsp小技巧]利用Throw Exception來完成Ajax</title>
		<link>http://blog.yslifes.com/archives/403</link>
		<comments>http://blog.yslifes.com/archives/403#comments</comments>
		<pubDate>Mon, 28 Sep 2009 13:38:08 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[ajax]]></category>
		<category><![CDATA[jsp]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[opensource]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/403</guid>
		<description><![CDATA[一般在寫Ajax時，最直覺的使用方法就是利用Ajax Object來要求Server給與回應， 再依回應的內容解西倒底是完成動作？還是有錯誤產生，如必填欄位未填。 這裡介紹一個小技巧，在編譯式的網頁伺服器語言可能比較合適使用。 大概的原理是利用程式在執行有錯誤時Throw Exception來當做錯誤訊息， 回傳給client，而client只要接收到503的錯誤，則就可以知道動作並未完成， 反之則是完成。 範例使用prototype來使用Ajax，傳送及回應，有需要可以參考： Ajax 使用prototype.js 1 以下是載行結果，當有填值時，則回應填寫的值， 沒填值的時候就回傳錯誤訊息。（Exception） １需要建立一個class extends Exception 裡面需實作String getMessage()，這是要給ErrorPage取得值使用的 package myexception; public class AjaxException extends Exception { &#160; private String message ; &#160; public AjaxException(String message) &#160; { &#160;&#160;&#160; this.message = message; &#160; } &#160; public String getMessage() &#160; { &#160;&#160;&#160; return this.message; &#160; } [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/403/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[javascript效果]marguee move top</title>
		<link>http://blog.yslifes.com/archives/384</link>
		<comments>http://blog.yslifes.com/archives/384#comments</comments>
		<pubDate>Tue, 01 Sep 2009 14:24:59 +0000</pubDate>
		<dc:creator>yku</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[教學]]></category>
		<category><![CDATA[opensource]]></category>

		<guid isPermaLink="false">http://blog.yslifes.com/archives/384</guid>
		<description><![CDATA[這是一個簡單的例子 大概的構想是，先把原始要上移的範圍A copy(clone)一份放置於無接縫的下方B 當B移到動可視範圍的0px時，瞬間把A設成在0px的地方 那向上移的方式是利用外框的style屬性overflow:hidden，然後利用scrollTop一直增加，那內容物就會被向上跑了 由右向左看物件的變化大概下如(紅色代表B，藍色代表A) 在第四個跟第五個時瞬間把A設成在0px 再來做的小實驗 利用scrollTop來移動物件位置 &#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&#62; &#60;html&#62;&#60;body&#62; &#60;div style="overflow: hidden; height: 40px; width: 267px;border:1px solid #ffff00"&#62; &#60;div style="width: 265px;overflow: hidden;height: 40px;" id="demo"&#62; &#60;div id="demo1"&#62; &#60;div class="newblog_ai"&#62; 人行道 &#124; sidewalk&#60;/div&#62; &#60;div class="newblog_ai"&#62; 楚狂人的BLOG&#60;/div&#62; &#60;div class="newblog_ai"&#62; Avant Courier&#60;/div&#62; &#60;div class="newblog_ai"&#62; 南部硬梆梆&#60;/div&#62; &#60;div class="newblog_ai"&#62; 她說寫作是一種治療&#60;/div&#62; &#60;/div&#62; &#60;/div&#62; [...]]]></description>
		<wfw:commentRss>http://blog.yslifes.com/archives/384/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
