CSS JS Plugins

  • Demo 1 使用 Animated Books with CSS 3D Transforms

    • NEW

  • Demo 2 一般公認審計準則總綱 使用 Textillate.js

  • Demo 3 使用 Windy: A Plugin for Swift Content Navigation
    • image1
    • image2
    • image3
    • image4
    • image5
    • image6
    • image7
    • image8
    • image9
    • image10
    • image11
    • image12
    • image13
    • image14
    • image15
    • image16
    • image17
    • image1
    • image2
    • image3
    • image4
    • image5
    • image6
    • image7
    • image8
    • image9
    • image10
    • image11
    • image12
    • image13
    • image14
    • image15
    • image16
    • image17
    • image1
    • image2
    • image3
    • image4
    • image5
    • image6
    • image7
    • image8
    • image9
    • image10
    • image11
    • image12
    • image13
    • image14
    • image15
    • image16
    • image17
  • Demo 4 使用 List Slider

  • Demo 5 使用 Colorbox - a jQuery lightbox

    • 裡面有9張GIF

    Sir Ken Robinson: Bring on the learning revolution!

    以Demo 3做說明

  • Step1

    • 下載原始碼，觀察Demo的code怎麼寫的，這些已經完成的plugins大致上不用再做修改。

  • Step2

    • 把檔案裡將會用到的js和css檔案以記事本開啟，用Unicode編碼另存新檔覆蓋原檔(否則會讀不到)。

     

     

     

  • Step3

    • 請右鍵檢視此頁的原始碼，CTRL+F搜尋DEMO3，註解有寫DEMO3的CSS和JS放在哪裡，要呼叫這些CSS和JS才能讓這個Plugins可以運作，HTML則可以直接從DEMO那複製過來，通常找到的Plugins會教要怎麼使用，就按照上面的步驟操作。

    上面說得雖然有點簡單，不過實際操作可能會有點問題，還是建議對CSS、HTML、Javascript有基本的瞭解會比較好使用這些plugins，像DEMO3我不想要原來作者下面放文字，可以自己透過修改他的CSS辦到，如果要透過試誤+插補法慢慢試CODE有什麼作用也是可以啦..旁邊兩個網站裡面有免費的網頁設計基礎教學。