Click here to
get yummy grain feed
delivered to your RSS oven

rss

  • Businesswing Design BLOG
  • Assist to join the global market.
[jQuery] Animated Hover Effect (ahover)

Date:五月 21, 2010 | Author:bwingnet

這是一個很可愛的滑鼠滑動的動畫效果。當滑鼠停留在選單項目上方時,項目下面會出現一方塊跟著滑鼠移動,經常出現在一些flash的選單效果上,現在介紹的是使用jQuery的plugin,來模擬這個動畫效果。

jQuery animated hover effect

事前準備

針對html、css及js三部份各有基本需要的code,跟著以下步驟設定即可以輕鬆呈現效果囉

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁設計 | Tags: , , , , , ,
        
[Eclipse / Aptana] Multi-line Search and Replace

Date:五月 4, 2010 | Author:hikaru

前言

Eclipse是一套好用、誇平台而且免費的編輯器,Aptana Studio也是以它為基礎產生的編輯器,基本功能介面也差不多,但是,Aptana Studio的專業版本是要收費的,相關資料可以參閱官方網站。

Search(搜尋) / Replace(取代)

這個功能有什麼好值得一提的?!不是每個編輯器都有嗎。沒錯,幾乎所有的編輯器都有,但是,想要在Eclipse或者Aptana Studio(2.0以前還有)底下執行Multi-line search and replace,在搜尋選單是找不到的,就只能執行single-line而已。

要使用多行搜尋和取代的功能就得依靠Regular expressions(正規表示式,以下文章用Regex縮寫替代。)只是執行一個簡單的多行替換的功能竟然還得去了解Regex,這會不會太誇張了點!別急,只要照著筆者簡單幾步,不懂Regex也沒關係,一樣可以完成我們需要的功能。

  1. 首先,這是最重要的一步,只要完成這第一步,可以說是完成了一大半了(有這麼誇張嗎?沒錯,就是這麼簡單XD)。
    如圖示,
    Find/Replace using Regex
    將search dialog(ctrl+f)中的Regular expressions前面的checkbox打勾,然後就可以關掉這個dialog了。
  2. 選取你要變換的文字區塊,再打開search dialog,你會發現,在Find一欄,真是太神奇了,不管是幾個斷行還是tab,編輯器都會自動幫我們補上,完全不用手動去細數還是自行填上。
  3. 接著只要在Replace width中填入要替換的文字部份(可以從Find中複製),再按下Replace(Replace All)送出即可。

結論

其實Regex的運用非常的強大,但也有些複雜,像是尋找所有的header標籤(h1~h6)等等,這可就不是一般的搜尋可以解決囉。

往後有介紹Regex我們再細談吧,下次見。

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

        
5-1-1 if基本語法

Date:五月 3, 2010 | Author:bwingnet

當我們要進行條件判斷時,我們可使用if語法進行判斷。語法的基本架構為:

if (條件)
{
若條件成立後則要執行的程式,執行完後跳出if條件判斷式
}

如果條件成立後只有執行一行程式,大括弧{}也可以省略不寫。我們可以用以下的例子說明:

+Read more

Post to Twitter Post to Plurk Post to Yahoo Buzz Post to Delicious Post to Digg Post to Facebook Post to MySpace Post to Ping.fm Post to Reddit Post to StumbleUpon

  Categories: 網頁程式PHP,網頁設計 | Tags: ,
         top