利用JavaScript 的DOM操作动态的控制125个格子的3D螺旋型、球型等排版方式,通过鼠标拖拽旋转、滚轮放大缩小、点击事件实现各状态间的动态变化。网页右边设置iframe框架,放置每一个格子具体案例。
打开index页面,125个方格块从随机位置到grid排版,左下角四个按钮可随时切换形态,页面可拖拽移动(带惯性),可放大缩小。
每一个方格可点击,跳转后查看具体信息,然后可以按back(左下角)返回。
打开主页,随机方块移动
分别展示各种形态
###可点击每一个方格查看具体小案例,例如碰撞小球
进入页面 ,可点击back返回