分類彙整: JavaScript 程式設計

jQuery 教學 – Animate 動畫 – 滑動式彩帶按鈕

這一個範例要讓同學來練習使用 jQuery 的 animate() 指令，設計製作動態滑動的按鈕，由於 jQuery 的 animate() 指令是借用 CSS 的語法來設定動畫效果，將原本靜態的網頁，變成具有動畫效果的呈現，所以在學習 jQuery 之前必須要先對 CSS 網頁排版熟悉，才能自由發揮出 jQuery 的各種動態功能… 閱讀全文 →

in JavaScript 程式設計

jQuery 教學 – 滑動輪播廣告

此種滑動廣告效果在網路上相當的常見～無論是入口網站、購物網站…為了能集中使用者的焦點，或是活動中的促銷方案，又或者是節省版面空間，這類型的展示效果在各網站上比比皆是。如果不會撰寫 Javascript & jQuery 的話 閱讀全文 →

in JavaScript 程式設計

Javascript 教學 – 輪播式廣告

早期網路上常見的輪播式廣告大多是由 Flash 所完成，但近年來行動裝置的盛行再加上 IOS 不支援 Flash 以及 SEO 極差的情況下，網頁設計師紛紛向 Javascript 、 jQuery 來朝聖。用 Javascript 、 jQuery 來動畫製作效果不僅能排除前面所敘述的問題，更能相容於各家的瀏覽器。 閱讀全文 →

in JavaScript 程式設計

jQuery 教學 – Animate 動畫練習 – 動態按鈕

當我們使用滑鼠觸摸到一個物件的時候，在 jQuery 語法可以使用 $(this) 指令來讓這個物件做出動畫效果，這一篇教學範例，我們要再加上 next() 指定下一個兄弟物件，還有 prev() 指定前一個兄弟物件，就可以讓前後的兩個物件也一起同時做出動畫 閱讀全文 →

in JavaScript 程式設計

jQuery 教學 – attr() 抓取圖片的屬性以及改變圖片的路徑

在 JavaScript 語法中，可以使用 document.getElementById(“MYIMG”).src 來抓取圖片的 src 路徑，然後改變圖片的 src 路徑，就可以製作出在網頁上變換圖片的功能。 到了 jQuery 語法，就改成了使用 $(“#MYIMG”).attr(“src”); 這個方法來抓取圖片的 src 路徑… 閱讀全文 →

in JavaScript 程式設計

教學：Sublime Text 的安裝設定及入門操作 – [ 上篇 ]

sublime_download

相較於普遍多人初學網頁時，會選擇使用 Dreamweaver ，而 Sublime Text 最大的優勢就是它有著大量實用的外掛程式，每個人可以根據自己使用上的需求，安裝其所需的外掛，讓這套軟體更為完備且能發揮更大的功效。所以，只要能夠善用擴充套件的功能，其實 sublime Text 是個可以大大提高網頁建置效率的好工具喔… 閱讀全文 →

in CSS 教學 - 網頁排版, Dreamweaver 網頁設計, Free Resource 好康報報, JavaScript 程式設計, RWD 響應式網頁