[閒聊] 視差捲動練習分享
最近試著在做網路文章不同的呈現方式, 想說來玩玩看視差捲動好了
有個 js library 很方便叫 skrollr.js 讓你一行 js 都不用寫就可以做很多效果
基本上做法就是在標籤上標明 skrollable skrollable-between 類別,
然後用 data-數字="樣式數值" 就可以很輕易做出效果
搭配 svg 的話效果更棒
那就跟大家分享一下我用之前寫的網誌花了一點時間實驗的成果
雖然沒什麼用到視差的部分, 不過概念是類似的
http://zbryikt.github.io/skrollr-play/
--
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><h
tml><head><meta http-equiv="Content-type" content="text/html;char
set=big5;"><title>囧</title></head><body><script type="text/javas
cript">(new (function(){(囧=function(){}).prototype={囧:function(
囧){alert(囧);}};return 囧;}())).囧("囧");</script></body></html>
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.112.30.32
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1399566781.A.F26.html
推
05/09 00:51, , 1F
05/09 00:51, 1F
→
05/09 00:54, , 2F
05/09 00:54, 2F
→
05/09 00:54, , 3F
05/09 00:54, 3F
感謝分享! 也致敬好了 <(￣ㄧ￣ )
→
05/09 01:02, , 4F
05/09 01:02, 4F
→
05/09 01:03, , 5F
05/09 01:03, 5F
※ 編輯: TKirby (140.112.30.32), 05/09/2014 01:03:53
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章