Tag Archives: javascript

jQuery-給視覺設計師的語法教學-3-收合表格內容應用

此次教學會教學jQuery的 .siblings() 、.slideDown() 、 .slideUp() 、$(this),此四種應用。

jQuery遊戲製作教學-類似馬力歐的吃金幣遊戲-3

第三章的jQuery類似馬力歐遊戲要加入人物的操作囉,javaScript的部份會越來越多。如果還不熟前兩章的朋友建議先回前兩章複習喔!

jQuery-給視覺設計師的語法教學-1-基本認識jQuery

視覺類型的網頁設計師,應該都有聽過HTML、CSS,更甚至多少會撰寫一些HTML、CSS,但是對於javaScript可能就很頭大了,看著那密密麻麻的程式語法不知道從何入手,但是對於工作的要求?自我進修要求?多少都了解網頁的javaScript是什麼,如何開始開始入門?

芋圓我自己是網頁視覺類型的設計師,再精進學習javaScript跟jQuery、VUE,目的主要是想要獨立開發網頁小遊戲、小工具、APP開發,因此學習歷程會比較清楚視覺偏重的設計師會遇到什麼問題,因此此系列文章適合給非資訊類工程類型的人學習jQuery閱讀。

免費Banner自動批次套版產生 純網頁 不需安裝軟體

banner-automatic-create-0

免費Banner自動產生,廣告批次產生器,可直接線上工具製作,批次產生套版一致的Banner,一步一步跟著操作,就可以一次協助您套版所有Banner廣告素材圖像,如果不會使用,工具下方也有教學。

jQuery 射擊遊戲/復古雷電 遊戲 簡易教學

教學用jQuery撰寫簡單的射擊遊戲/復古雷電遊戲,因為是簡易版,供新手學習因此遊戲場景元素很多都會簡化不做,重點放在最主要的碰撞部份。

例如子彈碰到敵人、玩家飛機碰到敵人怎麼偵測的,以及如何使用jQuery撰寫。只要碰撞部份能學會,其他的較花俏的東西如”生命、金幣”哪些都好搞定,待未來教學進階版時撰寫,此次重點放在”碰撞偵測”部份。

在jquery部份都會有中文註解,供方便理解學習。

jquery-shooting-game-raiden-easy

作者遊戲範例:jQuery雷電

jQuery 記憶&配對卡牌遊戲 簡易版本 教學

教學用jQuery撰寫記憶&配對卡牌遊戲,此次教學式簡易版本,只會配對一組卡牌。要讓玩家在許多的卡牌內找到相對應的卡片,大家可以試著跟著以下教學寫,下次會教學多組配對的遊戲撰寫方式喔。

memory-game-jquery-easy
遊戲範例:點我

jQuery 紅包落下、紅包雨 簡易教學 適合新手、視覺設計師。

jQuery 紅包落下、紅包雨 簡易教學 適合jQuery 新手、視覺設計師。

現在的購物網站或者APP常常會有紅包落下的效果,只要點擊到就能夠得到禮券之類的。此篇文章要教學用簡單的jQuery方法,製作出此效果,而為了讓語法可以直接複製貼上到自己的網頁使用,因此本篇文章的紅包不使用圖檔,而是svg語法,可以直接複製貼上使用,不用擔心圖片路徑問題。使用的jQuery也是jQuery官方線上最新的喔。

cash-red-envelope