[jQ]用 jQuery 做選單 - 山寨版的 HTC 首頁選單

[jQ]用 jQuery 做選單 - 山寨版的 HTC 首頁選單

有沒有覺得 HTC 網站上方的 Flash 選單很有趣呢!這次筆者就是要教各位怎樣用 jQuery 做出一個山寨版的 HTC 首頁選單

[jQ]浮水印式的輸入框提示

[jQ]浮水印式的輸入框提示

一個體貼使用者的系統,通常都會在一些輸入框中加上貼心的提示,像 MSN 的搜尋框就有這樣的提示功能
基本常看到的做法都是先變更輸入框的 value 值為提示的內容,這樣的做法雖然簡單但最後表單要送出或是驗證時,都要先進行內容的過濾,畢竟總不可能把提示的內容往後端傳送吧!

[jQ]幫外部連結加上自訂的圖示

[jQ]幫外部連結加上自訂的圖示

有時為了方便讓瀏覽者能一眼就看出內部跟外部連結,因此會在外部連結後面加上一個external圖示。但~~如果要我們一一自行加上這樣的圖示是不可能的!!雖然我們在「依連結的檔案類型顯示圖示」有學到如何使用 jQuery依連結的副檔名來加上相對應的圖示,不過要用在此次的效果時,整個程式就會變的比較複雜,所以我們要改用另一種方式來達成。

[jQ]用 jQuery 做選單 - 動畫賀聯式選單

[jQ]用 jQuery 做選單 - 動畫賀聯式選單

上一次有介紹過「賀聯式選單」的效果,雖然純用 CSS 能完成這樣已經很不錯了,但如果還能加上更進階的動畫效果的話,那應該會更優吧!因此,現在要教各位如果使用 jQuery 來把賀聯式選單進行加強。

[jQ]用 jQuery 做廣告 - 網頁右上掀角翻頁廣告 - 誘餌加強版

[jQ]用 jQuery 做廣告 - 網頁右上掀角翻頁廣告 - 誘餌加強版

只要是釣客就知道魚餌的重要性,有些大魚還會挑魚餌才有可能上勾,像是要活魚才行,因此釣客可能甩竿之後,他會動動魚竿收收線來把魚餌偽裝成活跳跳的魚。其實廣告就像是魚餌一樣,要有辦法吸引瀏覽者來瀏覽,所以我們要把上一次介紹的「網頁右上掀角翻頁廣告」來進行誘餌化

[jQ]用 jQuery 做廣告 - 網頁右上掀角翻頁廣告

[jQ]用 jQuery 做廣告 - 網頁右上掀角翻頁廣告

網路頻寬越來越大,所以很多廣告效果都是用 Flash 來顯示,像常見到的網頁右上角會有一個要掀不掀要翻不翻的廣告露出一小塊出來,然後使用者手癢把滑鼠移過去時就會整個廣告展開來。

[jQ]圖片拼圖化

[jQ]圖片拼圖化

這邊所謂的圖片拼圖化是指把圖片像拼圖一樣的切成 N 塊後再拼在一起。如果不太了解什麼是圖片拼圖化的話,讓我們先來看效果畫面

[jQ]依連結的檔案類型顯示圖示

[jQ]依連結的檔案類型顯示圖示

一般的超連結是無法直接看出所連結的內容是什麼的,除非是把滑鼠移到連結上面,此時才有可能在瀏覽器的狀態中看到連結的內容。

若連結的內容是 Word檔Zip檔時,能顯示相關的圖示的話,那就能比較清楚連結是什麼內容了。當然我們不可能一一自己去判斷連結內容再加上圖示,所以要仰賴程式來判斷。

第 3 頁(共 3 頁)«123