godxkey.github.io

godxkey.github.io-肖平

个人-项目案例展示

#####+ 1.功能说明：

• 专门为展示项目而建造 #####+ 2.作者：肖平 #####+ 3.本页面使用的技术有： #####+ 3.1 引入Responsive Nav方便响应式 - 3.1.1 压缩后仅1.7 KB。 - 3.1.2 不依赖任何第三方工具库。 - 3.1.3 支持CSS3过渡（transitions）效果、触屏事件，并且只需要很简单的HTML代码结构。 - 3.1.4 移除了物理触屏事件和系统点击事件之间的300ms延时。 - 3.1.5 可以将CSS3过渡（transitions）效果与height: auto一同使用。 - 3.1.6 从设计此插件之初就将可访问性考虑在内，它能支持屏幕阅读器，并且能在禁用JavaScript的浏览器上工作。 - 3.1.7 可以在所有主流桌面、移动设备浏览器上工作，包括IE6+。

• 3.2 采用较为稳定的兼容性能较好的div+css进行主要编码
• 3.3 布局方式是自然布局结合流动布局方式
• 3.3a 添加百度地图的模块+有地图API密匙+嵌入一个百度首页搜索框架
• 3.6 此响应式导航（Responsive Nav）插件不依赖于任何第三方工具库，并且支持触屏操作。

#####+ 3a.全改后-更新说明 - 3a.1 本次参照元素周期表的three.js css3d - periodic table. info.设计进行了修整 - 3a.2 内容填充了五个div作为展示，同时保持着原有index文件的不删除（改名） - 3a.3 在页面跳转方面采用读取className的数组进行window.location.href的形式的跳转 - 3a.4 使用this.index来读取数据，绑定在array[k].index=k上面 - 3a.5 对样式的固定px进行%的重构