js实例--页面操作

折叠：

• 创建可折叠区域
  • 常用元素消失/出现:   node.style.display = 'block'/'none';
• 折叠大小（toggle）
  • 使用‘data-’属性来判断，形成toggle效果；
• 可折叠
  • 使用'aria-'属性来标记状态；

切换：

• 标签页点击
  • 活用属性名，如： 

    <li id='tabnav_2'>Page Two</li>;
    var ident = navitem.id.split('_')[1];

• 标签页切换（增加aria属性）

弹出：

• 页面覆盖与键盘访问    //代码
  • 聚焦：foucs() ,聚焦之后可以用tab移动；或用enter触发onclick事件；

渐变：

• 颜色闪烁动作：
  • 利用对象存储多个方法已经用到的属性；
  • 渐变效果：setTimeout