chargerKong / 3D-pages

3D动态页面展示

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

3D动态页面展示

利用JavaScript 的DOM操作动态的控制125个格子的3D螺旋型、球型等排版方式,通过鼠标拖拽旋转、滚轮放大缩小、点击事件实现各状态间的动态变化。网页右边设置iframe框架,放置每一个格子具体案例。

页面描述

打开index页面,125个方格块从随机位置到grid排版,左下角四个按钮可随时切换形态,页面可拖拽移动(带惯性),可放大缩小。

每一个方格可点击,跳转后查看具体信息,然后可以按back(左下角)返回。

页面展示

打开主页,随机方块移动

分别展示各种形态

###可点击每一个方格查看具体小案例,例如碰撞小球

进入页面 ,可点击back返回

About

3D动态页面展示


Languages

Language:HTML 80.0%Language:JavaScript 15.2%Language:CSS 4.8%