<?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>面膜哥的Blog &#187; jQuery</title>
	<atom:link href="http://chihping.aflypen.com/tag/jquery/feed" rel="self" type="application/rss+xml" />
	<link>http://chihping.aflypen.com</link>
	<description>記錄面膜哥對人事物的看法</description>
	<lastBuildDate>Fri, 10 Feb 2012 15:25:25 +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>自已練功，解決Javascript編碼的問題(破解)</title>
		<link>http://chihping.aflypen.com/2989.html</link>
		<comments>http://chihping.aflypen.com/2989.html#comments</comments>
		<pubDate>Thu, 10 Nov 2011 16:00:54 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[學習筆記]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[破解]]></category>
		<category><![CDATA[編碼]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/?p=2989</guid>
		<description><![CDATA[其實，這不是我發生的問題，是廸亞哥的問題，我大概知道解法，就拿這隻apycom.com的jquery下拉選單(drop down menu)來開刀。其實處理的方式沒有很難。只是因為他寫的javascript code太機車，會擋到程式設計師debug的訊息，我才決定拿他開刀的。 <a href="http://chihping.aflypen.com/2989.html">Continue reading <span class="meta-nav">&#8594;</span></a><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="4"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">推建您相關文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="JQuery javascript library 2" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fchihping.aflypen.com%2F1447.html&from=http%3A%2F%2Fchihping.aflypen.com%2F2989.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/02/16/2746476.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JQuery javascript library 2</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JQuery javascript library" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fchihping.aflypen.com%2F1406.html&from=http%3A%2F%2Fchihping.aflypen.com%2F2989.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JQuery javascript library</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery 3 輕量化的Plugin" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fchihping.aflypen.com%2Fjquery-3-%25E8%25BC%2595%25E9%2587%258F%25E5%258C%2596%25E7%259A%2584plugin%2F&from=http%3A%2F%2Fchihping.aflypen.com%2F2989.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/02/16/2748036.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery 3 輕量化的Plugin</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="discuz的md5增強編碼" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fchihping.aflypen.com%2F1776.html&from=http%3A%2F%2Fchihping.aflypen.com%2F2989.html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">discuz的md5增強編碼</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="4" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/2989.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE9今天推出</title>
		<link>http://chihping.aflypen.com/2541.html</link>
		<comments>http://chihping.aflypen.com/2541.html#comments</comments>
		<pubDate>Tue, 15 Mar 2011 04:59:36 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[測試-網站]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/?p=2541</guid>
		<description><![CDATA[前陣子設計的網頁，光是IE7就問題一堆，同樣的CSS，在Firefox/Chrome/IE8看起來都正常，但是在IE7就是會破版，我也知道這是解釋的問題，但是客戶端的環境，總是要量的，還好沒有人要求我用IE4或是IE5.5來測。 <a href="http://chihping.aflypen.com/2541.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/2541.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Windows 7 中的 IE8嚴重影響Javascript的運作</title>
		<link>http://chihping.aflypen.com/2278.html</link>
		<comments>http://chihping.aflypen.com/2278.html#comments</comments>
		<pubDate>Sat, 04 Sep 2010 01:13:31 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[測試-軟體]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[sliverlight]]></category>
		<category><![CDATA[sun]]></category>
		<category><![CDATA[visiual studio]]></category>
		<category><![CDATA[微軟]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/?p=2278</guid>
		<description><![CDATA[甚至於jQuery都一樣，很多程 式都跑起來有問題，LightBox都無法順利的Run出來， 我在jQuery網站上看到有人抱怨，jquery is not a microsoft product，換了IE8之後 ，整個都變差了，很多網站使用ajax技術，不論是使用javascript/還是jQuery都有相同的問題。 <a href="http://chihping.aflypen.com/2278.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/2278.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>寫jQuery網頁，你必須要做的檢查</title>
		<link>http://chihping.aflypen.com/1737.html</link>
		<comments>http://chihping.aflypen.com/1737.html#comments</comments>
		<pubDate>Tue, 15 Sep 2009 03:28:55 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[測試-軟體]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/1737.html</guid>
		<description><![CDATA[之前寫jQuery的網頁，是在Firefox裡面測試的 整個運作都很正常 網頁正式放上去之前 使用IE進行了一次測試 有一個地方，就是跑起來不正常 怎麼去改寫，結果都一樣 只是一個簡單輸入的判斷 在FireFox中怎麼執行都正常 在IE中，檢查都不會通過 不死心，再使用Google的Chrome來測試一下 很不幸的，結果也一樣是正常的 所以，可以很明確的判斷 IE在運行jQuery時會跑出很多令人意想不到的結果 所以，各位寫jQuery程式的朋友，請使用多個Browser進行測試吧！]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/1737.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery 3 輕量化的Plugin</title>
		<link>http://chihping.aflypen.com/1512.html</link>
		<comments>http://chihping.aflypen.com/1512.html#comments</comments>
		<pubDate>Wed, 10 Jun 2009 05:50:13 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[布啦布啦布啦]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[免費]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/1512.html</guid>
		<description><![CDATA[今天看到網站上介紹了11款超輕量化的Plugin，讓設計人員可以減少網頁讀取的負擔，功能也很不錯，也就來介紹一下囉！ 1.idTabs 這是一個用來設計分頁頁籤的plugin，幾行簡單的指令就可以做出頁籤的效果，才2.1K 展示網址在這裡 2.jCarousel Lite 提供多種圖片轉場效果 大小才2.1K 自動轉場效果 用滑鼠(鼠標)來切換圖片 展示網址在這裡 3.Lay Load 在開啟網頁時，先預載圖片，再Load大圖進來，我是覺得不實用，所以沒有抓圖。 展示網址在這裡 4.在網頁中建立下拉式選單，用起來還真的蠻方便的，只有584Byte 展示網址在這裡 5.jQModal 建立分頁資料，覺得用來做資料分類很不錯用 Size2.8K 展示網址在這裡 6.AutoTab按下Tab鍵，跳到下一欄，功能寫的相當的不錯，可以自動限制輸入的內容，大小寫，數字等等。 Size 1.6K 展示網址在這裡 7.css globe tooltips 靠近超連結時，自動開啟預覽圖，真的蠻方便的。Size才479byte。 展示網址在這裡 8.jGrowl 在按下超連結後，在視窗上出現lightbox的提示窗，Size 4.1K。 展示位址在這裡 9.cycle light 照片展示plugin，size 3.5K。 模式1，自動幻燈片展示，模式二，自己可以按上下頁，模式三，自動幻燈片展示，加上標題。 展示網址在這裡。 &#8230; <a href="http://chihping.aflypen.com/1512.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/1512.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery的免費教學-學習 jQuery 從入門到精通只要兩小時！</title>
		<link>http://chihping.aflypen.com/1490.html</link>
		<comments>http://chihping.aflypen.com/1490.html#comments</comments>
		<pubDate>Wed, 10 Jun 2009 01:34:41 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[測試-軟體]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/1490.html</guid>
		<description><![CDATA[由黑暗執行緒站長 Jeffrey 親自操刀、費時數月完成的邊做邊學 jQuery 系列影片(含文章)終於完整上線，一共 15 集精闢入裡的 jQuery 觀念解說與精彩範例 (錄影的時間總共 126 分 15 秒)，絕對能讓原本就會一些 JavaScript 的開發人員快速上手 jQuery，甚至於我認為已經在使用 jQuery 的開發人員更應該看一遍這些影片與文章，也許能帶給你許多意外的收穫喔！ 工欲善其事，必先利其器！在開始學習之前，先告訴各位一個不可或缺的學習工具：Mini jQuery Lab ！ 若在學習 jQuery 的過程中需要練習編寫 jQuery 程式碼時，可以利用 Mini jQuery Lab 進行線上實驗，這讓任何人不需要在本機編輯網頁就能測試 jQuery 的效果，非常的方便！ 短短兩個小時的精彩課程絕對不可錯過，以下是所有課程的連結： 邊做邊學 jQuery 系列 1-初識jQuery 6 &#8230; <a href="http://chihping.aflypen.com/1490.html">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/1490.html/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>JQuery javascript library 2</title>
		<link>http://chihping.aflypen.com/1447.html</link>
		<comments>http://chihping.aflypen.com/1447.html#comments</comments>
		<pubDate>Fri, 22 May 2009 02:40:06 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[測試-軟體]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[免費]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/1447.html</guid>
		<description><![CDATA[這兩天又在網路上看到JQuery的plugin，感覺還不錯，就來Note一下吧！ 1.表格排序plugin，調用功能超簡單的 展示網址在這裡 2.表格中會有一些Check Box,當我們選擇這些Check Box時，表格會變色 展示網址在這裡 3.圖片展示功能 展示網址在這裡 4.調整文字大小 展示網址在這裡 下載網址 5.JQuery+Flash+CSS做圖片展示 圖片長寬的比例看起來像是16:9，但是一般照片是4:3的，可以傳參數進去調整大小。]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/1447.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>JQuery javascript library</title>
		<link>http://chihping.aflypen.com/1406.html</link>
		<comments>http://chihping.aflypen.com/1406.html#comments</comments>
		<pubDate>Tue, 12 May 2009 05:15:42 +0000</pubDate>
		<dc:creator>面膜哥</dc:creator>
				<category><![CDATA[測試-軟體]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[免費]]></category>

		<guid isPermaLink="false">http://chihping.aflypen.com/1406.html</guid>
		<description><![CDATA[為了讓網頁能有更多的使用者互動性，使用ajax的網頁越來越多了，最近看到一些網頁是使用JQuery這個libraray(framwork)來達成這個目的。 使用JQuery之後，就可以達成Flash的轉場效果，動態的輪播，其實效果還不懶。另外JQuery還有Datepick的plugin，之前我比較呆，都是收集年月日之後再判斷這個日期的合理性，假設，2月31日，這個日期不存在，在DatePick在選單中就不會出現。差點忘了說一點，裡面有多國語系，讓日本人可以選到金木水火土日月，中國人可以選到星期一到星期天。展示網址在這裡。 那時間呢？也有相對於的javascrpt，這隻工具叫Yet Another Timepicker，這隻介面蠻可愛的，而且很直覺，我還蠻喜歡這隻plugin。展示網址在這裡。 至於表單欄位空白檢查，我原本也想用javascript來處理，在網路上找了一堆，多少都有些問題，結果我看到有網友說使用DreamWeaver就可以達成，果不其然，IE和Firefox都可以順利執行，用了DW這麼久了，現在才會這個功能，實在有些汗顏。在JQuery中也有這樣的功能，plugin的名字是JQuery validation Plugin，展示網址在這裡。 那麼，可以限定輸入的種類或是格式嗎？答案是可以的，JQuery一樣有Plugin，名稱叫作Masked Input Plugin，要輸入電話，信用卡卡號，姓名等等，都有這樣輸人的需求，蠻實用的。展示網址在這裡。 假設我們有註冊會員的需求 ，而會員的名稱是key值的時候，那麼，在輸入時就檢查帳號是否存在是有必要的，JQuery中也有對應的plugin，名稱叫作ajax username checker。展示網址在這裡。 有時候填表，最怕使用者不知道怎麼填，到時給你亂填，那可就累了，除了上面限制格式的做法之外，也可以提供一些說明，在focus在某一個field(list/check bar/redio button)時，會自動出現提示，那最好不過了。當然JQuery也有這方面的功能，展示網址在這裡。 當然你要送出表單之後，再送出七殺令(天生萬物以&#8230;..)，告訴使用者那裡錯了，那裡漏填，當然這對JQuery也是一塊蛋糕而以(a piece of cake.)，展示網址在這裡，主網頁在這裡。 好了，看完表單之後，那來看圖片好了，圖片處理的功能，也是很強悍的。下面是一個例子，展示網址在這裡。 先選小圖 點下小圖之後，放大成大圖，並且可以允許切換 如果你不喜歡這樣的效果，當然JQuery的插件不會讓你失望的，還有其他的plugin可以，展示網址在這裡。 當然如果未因為這樣就滿足的話，那麼這裡還有另一種展示效果。 這個效果類似電視轉台的效果。自已按下編號，圖片就開始切換。 以上，只是JQuery的部份功能，還有許多的功能等待大家來找尋囉！]]></description>
		<wfw:commentRss>http://chihping.aflypen.com/1406.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

