jQuery 教學 – 仿 Yahoo 切換式兩格圖片廣告

「jQuery 教學」仿 Yahoo 切換式兩格圖片廣告

不知道各位在 Yahoo 新聞 中看新聞消息時,是否有注意到網頁中有用來推薦最新消息用的兩格圖片效果: 每一個都會有 2-N 張圖片內容,除了可透過左右鈕來切換內容之外;右上角也會有小圓點來表示共有幾對內容… 繼續閱讀

in JavaScript 程式設計

JavaScript 教學 – 圖片的滑出式說明描述

「JavaScript 教學」滑出式說明描述

網頁設計人員都知道 HTML + CSS 是設計時不可或缺。但單純的靜態畫面不太能吸引瀏覽者的注意,所以得在搭配 JavaScript 來讓效果動起來。此次就用簡單的 jQuery 語法來讓原本單調的設計有不同的效果… 繼續閱讀

in JavaScript 程式設計

免費「條碼字型」下載

條碼字型

條碼效果,很有趣,常常有同學問到,要如何設計條碼效果呢? 有人會用濾鏡湊來湊去,有人會一條一條自己畫,都滿累人的。 不用這麼麻煩啦,最簡單的方法就是直接使用條碼字型,免費的字型,打打字,條碼就出來了… 繼續閱讀

in Photoshop 影像設計, Photoshop 後製修圖

XHTML 1.0 是 HTML 4 整合 XML 所產生的網頁標準語言

XHTML 1.0 是使用 HTML 4 整合 XML1.0 所產生的新網頁標準語言

現今瀏覽器與 CSS 整合上的應用還是以 XHTML 1.0 版本的相容性最好,因此目前最多人使用的還是 XHTML 1.0 版本。 XHTML 1.0 是使用 HTML 4 整合 XML1.0 所產生的新網頁標準語言… 繼續閱讀

in CSS 語法 - 網頁設計

CSS 語法「cursor 屬性」改變滑鼠游標的形狀

用 CSS 改變滑鼠游標的形狀

CSS 語法裡面有一個還滿好玩的功能「cursor 屬性」可以改變滑鼠游標的形狀, 設定在文字或圖片上面,當滑鼠移上去時,就可以看到滑鼠游標的形狀… 繼續閱讀

in CSS 語法 - 網頁設計

Dreamweaver CSS 圖形面板 – 入門教學三篇

CSS 圖形面板

剛入門學習 Dreamweaver 網頁設計的同學,直接自己寫 HTML 語法和 CSS 語法,會怕怕的,有點挫折,這時使用 Dreamweaver 的 CSS 圖形面板,的確會比較方便,好用… 繼續閱讀

in Dreamweaver 網頁設計