<?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; BUSINESSWING &#8211; 整合提供網頁設計,網站企劃,網路行銷等新知</title>
	<atom:link href="http://businesswing.net/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://businesswing.net</link>
	<description>提供的不只是網頁設計,網頁製作,網頁企劃,更重視網頁優化(SEO)及網頁行銷概念的注入</description>
	<lastBuildDate>Wed, 06 Jul 2011 09:12:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>[jQuery] Animated Hover Effect (ahover)</title>
		<link>http://businesswing.net/webdesign/jquery-ahover/</link>
		<comments>http://businesswing.net/webdesign/jquery-ahover/#comments</comments>
		<pubDate>Fri, 21 May 2010 08:25:59 +0000</pubDate>
		<dc:creator>bwingnet</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[animated]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=1508</guid>
		<description><![CDATA[這是一個很可愛的滑鼠滑動的動畫效果。當滑鼠停留在選單項目上方時，項目下面會出現一方塊跟著滑鼠移動，經常出現在一些flash的選單效果上，現在介紹的是使用jQuery的plugin，來模擬這個動畫效果。 事前準備 針對html、css及js三部份各有基本需要的code，跟著以下步驟設定即可以輕鬆呈現效果囉 HTML CSS div.ahover是由plugin自動產生的html code，它即是滑鼠停留在選單項目上會出現的方塊，在這裡我們只是為它加上style而已，想為它加上border或者background都可以。 Javascript 首先，因為這是jQuery的plugin，所以jQuery這隻js是一定少不了的喔！其次是ahover本身，可以到官網下載。 p.s.上述二隻js別忘了先載入才執行以下的js code！ 測試 以上code都準備就緒後就可以打開瀏覽器觀看選單效果囉，底下也放置demo及所需要用到js連結囉。 Demo jQuery framework jQuery plugin &#8211; ahover]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/jquery-ahover/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>3-8 結論</title>
		<link>http://businesswing.net/webdesign/js-conclusion/</link>
		<comments>http://businesswing.net/webdesign/js-conclusion/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 07:52:38 +0000</pubDate>
		<dc:creator>bwingnet</dc:creator>
				<category><![CDATA[網頁程式PHP]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=1366</guid>
		<description><![CDATA[藉由本章的介紹，可讓各位瞭解網頁編碼的重要性，以及瞭解與注意網頁的標籤樣式設計與網頁互動設計，藉此加強PHP網頁在瀏覽器上的美觀與互動。使用者在瀏覽器上所輸入的資料，如何帶到後端的資料庫呢？當我們在yahoo或google申請服務時，yahoo或google如何接收我們的資料呢？我們是不是透過網頁上的表單，將資料送出？所以下一章我們將介紹表單，並且由表單來瞭解PHP如何接收資料。 接下來：第四章 網頁表單與資料傳遞 葉建榮 jiannrong@gmail.com]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/js-conclusion/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3-7-3 使用Java Script函數庫架構</title>
		<link>http://businesswing.net/webdesign/using-js-framework/</link>
		<comments>http://businesswing.net/webdesign/using-js-framework/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 07:23:26 +0000</pubDate>
		<dc:creator>bwingnet</dc:creator>
				<category><![CDATA[網頁程式PHP]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=1363</guid>
		<description><![CDATA[由於各家瀏覽器對Java Script支援程度不同，且Java Script設計時需兼顧前端呼叫與後端接收，所以自己設計Java Script不見得會比資料庫網頁輕鬆。「Prototype」網站（網址：http://www.prototypejs.org/）與「jQuery」網站（網址：http://jquery.com/）上提供開發Java Script的架構，讓您更快速開發使用Java Script語法，而不用擔心開發時的問題。本書後面範例表單設計時會使用「jQuery」協助網頁的互動。 【圖25 Prototype網站】 【圖26 jQuery網站】 接下來：3-8 結論 葉建榮 jiannrong@gmail.com]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/using-js-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3-7-2 引用Java Script檔案</title>
		<link>http://businesswing.net/webdesign/include-javascript/</link>
		<comments>http://businesswing.net/webdesign/include-javascript/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 07:14:25 +0000</pubDate>
		<dc:creator>bwingnet</dc:creator>
				<category><![CDATA[網頁程式PHP]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=1361</guid>
		<description><![CDATA[如果有一段java script語法，會被多個網頁使用，建議您可將java script寫在.js檔案內，透過引用檔案的方式就可以呼叫使用。js檔案的編碼建議與網頁編碼相同，網頁在引用時就不會出現亂碼情形。我們以script2.htm為例，若我將script語法寫在獨立的檔案內，不用寫&#60;script language="javascript"&#62;與&#60;/script&#62;等語法。想要引用這個js檔的網頁編碼是UTF-8，所以js檔案內容編碼也必須是UTF-8。 讓我們來看看原本的script2.htm若改為引用js檔案會變成如何？： 您會發現到這個網頁內並沒有java script語法，因為語法的來源是check.js檔案，所以網頁的行數就大幅減少。 接下來：3-7-3 使用Java Script函數庫架構 葉建榮 jiannrong@gmail.com]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/include-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3-7-1 呼叫使用Java Script</title>
		<link>http://businesswing.net/webdesign/java-script_calling/</link>
		<comments>http://businesswing.net/webdesign/java-script_calling/#comments</comments>
		<pubDate>Fri, 26 Mar 2010 09:48:40 +0000</pubDate>
		<dc:creator>bwingnet</dc:creator>
				<category><![CDATA[網頁程式PHP]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=1357</guid>
		<description><![CDATA[要如何讓網頁視窗（Window）或網頁文件（Document）產生互動呢？這時我們就需要使用JavaScript。當我們觀察到他人的網頁有互動行為時，建議各位可檢查該網頁是否有使用JavaScript。JavaScript會放在網頁的那個位置呢？內嵌在網頁中的 JavaScript 程式碼要放在 &#60;script&#62; 和 &#60;/script&#62; 標籤之間，例如以下的網頁： 【圖22 當javascirpt沒有函數規範時，會自動執行】 您會發現到這裡的java script會自動執行。如果我希望我的java script是因為網頁的動作而執行，那我該怎麼進行呢？例如以下的網頁： javascript的函數必須被網頁標籤的事件呼叫才會執行。例如這裡我們在&#60;body&#62;的onload事件內啟動welcome( )，也就是在&#60;body&#62;載入時啟動welcome( )這一個函數，而這一個函數會執行”歡迎光臨”這一個訊息顯示。當我們在&#60;body&#62;的onunload事件內啟動bye( )，也就是在&#60;body&#62;離開時啟動bye( )這一個函數，而這一個函數會執行”再見”這一個訊息顯示。在它被呼叫之前，函數裡的程式不會執行。 【圖23 javascript函數必須被呼叫才會執行，例如這是&#60;body&#62;在onload(載入)的情況下執行的】 【圖24 javascript函數必須被呼叫才會執行，例如這是&#60;body&#62;在onunload(卸載、離開網頁)的情況下執行的】 接下來：3-7-2 引用Java Script檔案 葉建榮 jiannrong@gmail.com]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/java-script_calling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3-7 如何使用Java Script</title>
		<link>http://businesswing.net/webdesign/how-to-using-javascript/</link>
		<comments>http://businesswing.net/webdesign/how-to-using-javascript/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 09:28:16 +0000</pubDate>
		<dc:creator>bwingnet</dc:creator>
				<category><![CDATA[網頁程式PHP]]></category>
		<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=1339</guid>
		<description><![CDATA[瀏覽器最初的目的是提供一個環境顯示html檔案，讓不同機器的電腦能看到相同或相似的檔案內容，但隨者瀏覽器賦予的功能愈來愈多，瀏覽器不再只是提供資料而已。現在的瀏覽器就像積木，在兩大物件模型：Window與Document下，顯示資料以及與使用者進行互動。 Window物件負責視窗部分，包含視窗的位置大小、彈跳式視窗設定、歷史視窗回顧、視窗切換導覽、視窗開啟關閉等事情。而Document負責文件部分，寫入文件、抓取文件上某一個標籤的內容。Window與Document物件的屬性、方法與事件，我會列在部落格【http://jiannrong.blogspot.com/】內，各位有空可上去瞧瞧。 接下來：3-7-1 呼叫使用Java Script 葉建榮 jiannrong@gmail.com]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/how-to-using-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>第三章 網頁編碼與網頁美化互動</title>
		<link>http://businesswing.net/php/3-1/</link>
		<comments>http://businesswing.net/php/3-1/#comments</comments>
		<pubDate>Tue, 08 Dec 2009 07:10:10 +0000</pubDate>
		<dc:creator>eggggg</dc:creator>
				<category><![CDATA[網頁程式PHP]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=827</guid>
		<description><![CDATA[當我們安裝好Apache+PHP+MySQL之後，就可以開始來編輯網頁。若您是使用Windows環境編輯網頁，本書建議您可安裝NetBeans IDE與NotePad++；若您是Linux環境，本書建議您可使用NetBeans IDE與vim。 3-1 開始撰寫網頁 於Windows環境內，請先開啟NotePad++，點選「檔案」功能表下「新增檔案」。 再請輸入以下的語法：（檔案名稱：「3」資料夾內「test.php」） 01 &#60;html&#62;&#60;head&#62;&#60;title&#62;第一個PHP網頁&#60;/title&#62;&#60;/head&#62;&#60;body&#62; 02 &#60;? 03 echo "你好！"; 04 ?&#62;&#60;/body&#62;&#60;/html&#62; 編輯好的檔案要儲存在哪兒呢？本書以Appserv套件安裝Apache+PHP+MySQL方式安裝系統，所以預設的網頁資料夾是位於Appserv目錄內的www目錄，假設您的Appserv安裝於C槽，就請您將網頁儲存於「C:\Appserv\www」。若您是Linux系統，預設為/var/www/html內。這裡暫時不改變編碼，所以您的網頁編碼應該是Big5碼。 我們在網站目錄內建立「3」資料夾，並將檔案儲存，再請您於瀏覽器輸入http://localhost/3/test.php，您可看到網頁順利的顯示。 【圖1  第一個執行的PHP網頁】 開啟時需使用http://方式，所以網頁需放在網頁伺服器指定的位置，而不能放在我的文件夾或桌面。若使用開啟舊檔的方式，您會看到語法，而不是執行的結果，這是為什麼呢？因為PHP需經過Web Server解析後才會送到瀏覽器上顯示。很高興，您寫了第一個PHP網頁！這個網頁內，您看到什麼不同的地方呢？ PHP為一個內嵌式語言，PHP語法可與網頁混和使用，副檔名為PHP，網頁內若加上&#60;? ?&#62;，代表在這個區塊內放置的是PHP語法（PHP6不再支援&#60;% %&#62;的區塊表示方式），每一行結束時，需加上分號「;」。 而echo則是PHP內預設的語法，這個語法的目的是「將後面的字串或者變數內容顯示在網頁上」。 接者，再麻煩您寫以下的網頁，這一個網頁，我們仍使用Big5編碼。（檔案名稱：「3」資料夾內「big5.php」） 01 &#60;html&#62;&#60;head&#62;&#60;title&#62;第一個PHP網頁修改&#60;/title&#62; 02 &#60;/head&#62;&#60;body&#62; 03 &#60;? 04 echo "功"; 05 ?&#62;&#60;/body&#62;&#60;/html&#62;  當您開啟瀏覽器輸入「http://localhost/big5.php」測試，您會看到這樣的訊息： Parse error: syntax error, unexpected $end in G:\www\big5.PHP on line 5 【圖2  Big5編碼與PHP衝突，導致網頁無法正常顯示】 這是為什麼？很多人在寫PHP時，會碰到這樣的問題，坊間很多書籍，也避開不提，但是，我們該面對問題的時候到了！  接下來：3-2 網頁編碼很重要嗎？ [...]]]></description>
		<wfw:commentRss>http://businesswing.net/php/3-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[ Javascript ] 變更圖片</title>
		<link>http://businesswing.net/webdesign/javascript-changepics/</link>
		<comments>http://businesswing.net/webdesign/javascript-changepics/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 11:19:06 +0000</pubDate>
		<dc:creator>hikaru</dc:creator>
				<category><![CDATA[網頁設計]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[變更圖片]]></category>

		<guid isPermaLink="false">http://businesswing.net/?p=569</guid>
		<description><![CDATA[常常在網頁頁面上看到的一種效果－當滑鼠滑過（onmouseover）時，會變換成另一張圖片，這裡我們會利用字串（string）處理中的一個方法（replace）來製作。 首先，在此範例中，我將第一張圖命名為logo.png，將要替換的圖命名為logo-hover.png；再者，我使用了jQuery這個framework以迅速找到頁面的物件，所以在HTML中得先載入這隻js（可以先到jQuery官網下載min版本）。 接著寫入基本的html code。 HTML 及簡單的css style（請參考以下code，不給予並不影響js運作）。 CSS 以上只是準備工作而已，接下來才是這次主要js的內容。 Javascript 首先，$(document).ready(function(){})相當於js中的window.onload事件，$(“ul.gallery img”)是jQuery的selector用法，和css的selector差不多，意指找出ul且class名稱為gallery底下所有的img；接下來，依據滑鼠滑入滑出，所以我們必須分成上下二個事件， mouseover（滑入） 我命名了一im,gLink的變名，$(this)即取得我們滑過的該圖片，$(this).attr(“src”)即取得該圖片的路徑，之後將圖片的路徑傳給了imgLink。 imgLink.replace(“.png”,”-hover.png”) 這裡用到了字串（string）處理中的replace()，若imgLink中有&#8217;.png&#8217;的字串，以&#8217;-hover.png&#8217;取代，這也就是為什麼在一開始要將圖片以此規則命名，若有需要請自行更改此命名，取代完之後再將值回傳給imgLink。 接著，再將值指定到圖片路徑。 mouseout（滑出） 和mouseover沒有什麼太大的差異，重點在於replace()的地方將檔名再互換回來就可以了，所以就不再多述了。 底下提供了完整的code下載。 DOWNLOAD！]]></description>
		<wfw:commentRss>http://businesswing.net/webdesign/javascript-changepics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

