作者aaron7962 (W fish~)
看板Web_Design
標題[問題] 請問這是JS還是JQ效果?
時間Thu Jul 30 21:41:28 2015
在網路上看到一個非常酷炫神級的網站
http://www.buderwater.com.tw/bd3200/index.html
想問這是用什麼架構寫出來的?? JQ?JS?
視覺跟滑鼠下拉控制搭配的如此完美
若不論那些圖片選轉效果
單一只問,滑鼠拉到某個位置 文字會浮現 或是文字從外飛入
這語法要怎麼寫呢? 有什麼關鍵字能查詢嗎?
或是有什麼基本程式碼能提供參考的....
目前對JS還不太熟析
最近被要求要寫出文字視覺效果
滑鼠下拉區塊會漸漸飛入......
請大大指點
感謝...
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.161.36.222
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1438263690.A.206.html
1F：推 oToToT: JQ是架構在JS上的XD 07/30 21:42
2F：→ aaron7962: 對於視覺 文字能飛入漸變 那個有什麼關鍵字能搜尋呢?? 07/30 21:44
3F：推 johnsonct: parallax scrolling 07/30 21:57
4F：→ johnsonct: 個人推skrollr 07/30 21:59
5F：→ aaron7962: 謝謝分享~~ 07/30 22:33
6F：→ Kenqr: 用火狐看一直閃 失敗 07/30 23:18
7F：推 visa9527: 用 Firefox 看一直閃 +1 07/31 11:47
8F：推 clerkhsiao: 中文關鍵字：視差卷軸 07/31 12:37
9F：推 shadowjohn: 一直閃，失敗 07/31 13:14
10F：推 oToToT: 垂直滾動視差嗎 07/31 13:41
11F：→ eggimage: 純css可做簡單的parallax 另外大多parallax在mobile上的 07/31 14:30
12F：→ eggimage: 效能很差 自己多注意 然後很多設計師也是評價parallax為 07/31 14:30
13F：→ eggimage: 沒太大實際意義的eye candy 如果不把效能及相容性處理好 07/31 14:31
14F：→ eggimage: 反而讓使用者體驗更糟糕 07/31 14:32
15F：→ eggimage: 看了這網站 讀取就花老半天 捲動流暢度低 也沒對mobile 07/31 14:36
16F：→ eggimage: 優化 很多東西跑出畫面外 還沒考慮大多中低階手機用戶 07/31 14:37
17F：→ eggimage: 的硬體效能這點... 07/31 14:37
20F：→ aaron7962: 都沒有注意到火狐會一直閃...這是什麼原因呢? 08/01 11:13
22F：→ aaron7962: 滑鼠會讓圖片跑位,這個效果名詞關鍵字叫什麼呢? 08/01 11:23
23F：推 davidsky: mousemove 08/03 22:51