众产项目开发，希望开发者能够充分了解原理，更容易掌握后端框架。
请参考这三个页面源码，循序渐进的尝试从零开发一个主体后端框架。
主体代码仅百余行。众产推荐极简开发，掌控底层。

请打开三步的框架源码学习

主体框架采用 多iframe方式，不使用div动态载入

实践证明，div多窗口动态载入，对功能开发要求较高。主要是由于开发不当造成页面间id冲突。
多iframe方式，在ios上有页面撑大问题，未来苹果应该能够解决，暂时我们通过调用ciy_fix()函数解决。
多iframe方式，在开发、单页面调试方面，有较大的优势，代码逻辑比较简单，复用性较强。

第一步：实现了框架结构布局、载入iframe、简单换肤

左侧菜单显隐，主要依靠shrink相关代码。
换肤直接操作style，动态添加css属性。请参考id_theme，该功能较为鸡肋。
为理解方便，我们采用了jquery和原生混合代码编写，建议尽量都用原生写法替代。
注意灵活使用@media，几个关键分割点：768、992、1200

第二步：增加左侧菜单特效

在ciy-menu-nav类上绑定click和mousemove事件，实现特效
css请灵活使用transition和transform，能够原生的实现丰富的效果。
未来已来，支持标准的transition和-webkit-transition这样的写法即可。-ms- 和 -moz- 可以不加。

第三步：增加多窗口实现和标签左右滚动

对标签栏ul绑定onclick事件，实现关闭和页面切换，关闭100毫秒延迟可以解决部分浏览器内存释放问题。
通过ifropen函数建立新页面或激活/重载已打开页面