[jQ]用 jQuery 做廣告 - 仿 Yahoo 切換式兩格圖片廣告

[jQ]用 jQuery 做廣告 - 仿 Yahoo  切換式兩格圖片廣告

不知道各位在 Yahoo 新聞 中看新聞消息時,是否有注意到網頁中有用來推薦最新消息用的兩格圖片效果

[jQ]jQuery Color Animations 1.0

[jQ]jQuery Color Animations 1.0

jQuery 基本上的動畫只支援數值型的屬性,所以像是背景顏色就不能拿來做動畫效果使用。不過 John Resig 另外寫了個 jQuery Color Animations 套件來讓 jQuery 動畫能擴充支援到:backgroundColor 等七個顏色屬性。

[jQ]CloudCarousel 1.0.3

[jQ]CloudCarousel 1.0.3

CloudCarousel 是能讓我們把圖片弄成 3D 立體的環狀瀏覽的套件。除了可以透過左右鈕來旋轉切換之外,若在引用 Mouse Wheel Extension 後則能支援滑鼠滾輪來控制呢。

[jQ]用 jQuery 做跑馬燈 - 仿 Yahoo 滾動式訊息跑馬燈加強版

[jQ]用 jQuery 做跑馬燈 - 仿 Yahoo 滾動式訊息跑馬燈加強版

有同學問說能否在訊息跑馬燈中加入上下鈕,預設是往下滾動來看訊息,但若使用者點了往上時則再切回上一個訊息。這樣的跑馬燈讓我想到前幾篇的「仿 Yahoo 滾動式訊息跑馬燈」,只是再多加兩個按鈕來控制就可以了。

[jQ]用 jQuery 做廣告 - 網頁捲軸滾動式廣告

[jQ]用 jQuery 做廣告 - 網頁捲軸滾動式廣告

在網頁及 JavaScript 剛發展的時期,常常看到網頁中都飄浮的五顏六色的廣告圖片。其實這有幾種做法,像是毫無目的的飄來飄去,或是者跟著捲軸滾到那就飄到那。現在還能在大陸的一些網站中看到這樣的內容。

[jQ]用 jQuery 做廣告 - 淡入淡出式的切換影像

[jQ]用 jQuery 做廣告 - 淡入淡出式的切換影像

有同學問到能不能讓圖片的切換效果是溶入的方式?這樣的效果好像在 Flash 上是比較常見的,若真的要用 JavaScript 來做到溶入的話,可是會殺死設計師很多腦細胞的。所以,筆者就取巧的使用淡入淡出的方式來模擬它。

[jQ]用 jQuery 控制網頁捲軸移動

[jQ]用 jQuery 控制網頁捲軸移動

有時候教學文章內的程式碼太多時,會讓整個頁面變的落落長的。當網友瀏覽到文章最後段落時,如果要回到頁首就需要滾好幾次滾輪才行。所以筆者就在 Blog 的最下方加入一個 Page Top 的鈕,按下去可以自動的把網頁捲軸移動到最上面

[jQ]用 jQuery 做跑馬燈 - 仿 Yahoo 滾動式訊息跑馬燈

[jQ]用 jQuery 做跑馬燈 - 仿 Yahoo 滾動式訊息跑馬燈

廣告的效果就是要讓消費者購買,當然第一步就是要先能吸引人看廣告。如果各位有進入到Yahoo!奇摩首頁的話,可能很多人多少都會被那用詞超誇張的訊息跑馬燈所引誘並點擊廣告

[jQ]利用 jQuery 來製作網頁頁籤(Tab)

[jQ]利用 jQuery 來製作網頁頁籤(Tab)

在網路知識爆炸的 Web 2.0 時代,一個頁面上要顯示的資訊越來越多,但總不可能把全部的內容都一次顯示出來塞滿整頁吧!所以就出現了頁籤(Tab)這樣的展示方式。

第 1 頁(共 4 頁)1234»