仿dota2网页 完全不懂这款网页是如何写的 求指点

Question

http://www.dota2.com.cn/quiz/  求大神们指点迷津

Answer 1

1. 外面body黑色背景，中间是版心。

2. 上下的文字，因为是不用改的，所以既可以是背景图片自带，也可以自己写的。

3. 小图片是ul下面的li浮动排列。li里面是img标签。
   

4. 装备图片每一个都是几张图片叠加的，用z-index控制，或者display控制。

5. js给小图片添加点击事件，给个移动的动画效果。

6. 当然，最后一句：这个如果技术够好，可以试试canvas画一个出来。