精美html翻页效果

本实例采用html5+CSS3，使用DIV布局，代码中加入了一些函数，代码本身不具有太大难度，但效果非常精美，喜欢的小伙伴可以来围观奥。

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2014-07-05 12:16  翻页\
     文件        4542  2014-05-13 09:53  翻页\demo.html
     目录           0  2014-07-05 12:16  翻页\img\
     文件       22839  2014-04-16 15:09  翻页\img\1.jpg.jpg
     文件       28602  2014-04-16 15:08  翻页\img\2.jpg.jpg
     文件        5970  2014-04-16 15:09  翻页\img\3.jpg.jpg
     文件       24915  2014-04-16 15:10  翻页\img\4.jpg.jpg
     文件       20698  2014-04-16 15:11  翻页\img\5.jpg.jpg
     文件       11458  2014-04-16 15:09  翻页\img\6.jpg.jpg
     文件       11144  2014-04-16 15:09  翻页\img\7.jpg.jpg
     文件        5711  2014-04-28 21:06  翻页\img\shu1.jpg
     文件       15109  2014-04-28 21:06  翻页\img\shu10.jpg
     文件       14727  2014-04-28 21:07  翻页\img\shu11.jpg
     文件       15362  2014-04-28 21:06  翻页\img\shu12.jpg
     文件        7444  2014-04-28 21:06  翻页\img\shu13.jpg
     文件       13244  2014-04-28 21:06  翻页\img\shu2.jpg
     文件       10824  2014-04-28 21:06  翻页\img\shu3.jpg
     文件       18251  2014-04-28 21:07  翻页\img\shu4.jpg
     文件        6676  2014-04-28 21:06  翻页\img\shu5.jpg
     文件        6020  2014-04-28 21:06  翻页\img\shu6.jpg
     文件       19951  2014-04-28 21:07  翻页\img\shu7.jpg
     文件       10002  2014-04-28 21:06  翻页\img\shu8.jpg
     文件       13868  2014-04-28 21:06  翻页\img\shu9.jpg