jQuery一些简单功能的实现

  1. TAB选项卡的实现
    实现效果如下图
    jQuery一些简单功能的实现
    当鼠标移入时标题背景变灰并且实现切换图片。
    方法:
    1.监听鼠标移入
    2.修改被移入选项卡的背景颜色
    3.还原其他兄弟选项卡的背景颜色
    4.获取点击事件的索引
    5.根据索引找到对应图片
    6.隐藏其他图片
    7.显示该图片
    代码:https://github.com/aeyoo/myRepository/blob/master/demo/tab选项卡.html
    主要运用了index和siblings。
    另外在移动端测试后,可以利用 以下代码禁止双击放大的默认效果。
    jQuery一些简单功能的实现