網頁設計：動態移動和擴大圖像

Question

我試圖更新我的初創公司的網站的首頁，但我在編程的知識僅限於HTML，CSS，jQuery的一點點，我想了解HTML5 （我也可以閱讀〜ish Javascript，但它通常不會很成功......）！ 因此，我正在向您尋求解決方案。

這裏的下面（圖片附後）：

• 標誌是在這裏，無需觸摸到了;）
• 我需要的是對smallbox.png（有一些「CAR」寫在它）用鼠標懸停時發光（我得到了smallbox_glow.png）
• 然後移動到頁面中間（1）點擊時（仍然是相同的圖像，上面寫着汽車）
• 然後自動淡出文本，擴展到大方塊（2），並獲得一些不同的文本（..汽車）到淡入。

這是不可能做到，或2行或代碼將使它的工作？我有點堅持在這裏...

我願意（和興趣！），以瞭解不同的編碼語言，所以拍攝摒棄了複雜性，如果必要=）

圖片：

這裏：http://i.imgur.com/0IWzQ.png

提前致謝！

Answer 1

我同意安東尼100％...這裏有一些讓你開始的指針。

每你的使用情況

1. 我需要的是對smallbox.png（有一些「車」上寫），以獲得與鼠標上徘徊時，光暈（我得到了smallbox_glow.png ）
2. 然後移動到頁面中間（1）點擊時（仍然是相同的圖像，上面寫着汽車）
3. 然後自動淡出文本，展開到大框（2）並獲取一些不同的文本（..about汽車）在褪色。

有些耐人尋味：hover和/或：活躍等。如果是，你是純文本

1. 這可以通過CSS單獨使用背景圖片爲錨和變化通過完成顯示，考慮使用「文字陰影」爲您的發光效果和modernizer.js跨平臺兼容性。

2. 這可以通過使用HTML畫布或jQuery's animate api來完成。

3. jQuery offers various fade effects

我們都是新的在某些時候，不要害羞後你有什麼我們可以更好地與任何疑問協助。

祝你好運。