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

jQuery attr() 練習

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

in JavaScript 程式設計

jQuery Animate 基本動畫練習 – 動態按鈕

jQuery animate Buttons

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

in JavaScript 程式設計

Illustrator CS6 新功能介紹

Illustrator CS6 新功能介紹

Adobe Illustrator CS6 已經問世一段時間了,由於之前過於忙碌而沒時間研究,再加上 Adobe 所舉辦的新功能發表會沒參加,而導致 Illustrator CS6 新功能尚未研究。雖然說只要搜尋一下就可以找到一脫拉庫的資訊,但 Away 還是覺得自己測一下比較保險!再加上職場的需求,更需要去親身體驗一下 Illustrator CS6 新功能。 繼續閱讀

in Photoshop 影像設計

Illustrator – 摺紙效果

摺紙效果

在 Illustrator 中一定要會用鋼筆工具、路徑管理員…才能畫出好看的作品嗎?答案是否的,只要我們充分使用色彩的明暗與物件的排列、堆疊一樣可以畫出令人驚豔的作品出來。以下便是我們利用 Illustrator 中的矩形工具、多邊形工具、直接選取工具、色彩控制與物件的排列堆疊所完成的摺紙效果範例。 繼續閱讀

in Photoshop 影像設計

jQuery Animate 動畫練習 – 滑動式彩帶按鈕

jQuery Animate 動畫練習 - 滑動式彩帶按鈕

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

in JavaScript 程式設計

修正 iPhone 手機旋轉後畫面會放大的問題

修正 iPhone 手機旋轉後畫面會放大的問題

續前篇 使用 Veiwport 對於行動裝置的影響 所衍生出來的問題。完成了設定 width=device-width 使各廠牌手機的可視寬度與整個頁面寬度相同固然可喜可賀,看起來很正常,沒有什麼異狀呀!也達到我們想要讓使用者看到的結果。(如下圖所示) 繼續閱讀

in Mobile Web 手機網頁