JavaScript仿苹果风格图标滑出式导航菜单_Ajax/JavaScript

查看演示效果
JavaScript仿苹果风格图标滑出式导航菜单

Javascript仿苹果风格图标滑出导航菜单。IE7、FF3.5、opera、chrome下测试通过,IE8无环境未测。
  span是icon图标,用作动画使用。当鼠标移上A标签时,触发动画。这里不能用Event.addListener 和 Event.on方式去侦听事件,因为icon动画时会移至A标签上层,导致监听对象发生变化,用relatedTarget判断span标签也会触发多次mouseover和mouseout。所以,将鼠标事件的触发给LI是最好的办法,li内的元素仅用作动画展示,不绑定如何事件。这里用到delegate,将事件指派给#menu下的li。

相关Ajax/JavaScript