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