请选择 进入手机版 | 继续访问电脑版

js淘宝精品服饰案例tab切换代码教程

[复制链接]
查看2451 | 回复0 | 2020-3-9 15:59 | 显示全部楼层 |阅读模式
淘宝精品服饰案例tab切换代码教程

淘宝精品服饰案例tab切换代码教程

淘宝精品服饰案例tab切换代码教程
javascript代码:
  1. <script>
  2.         $(function() {
  3.             // 1. 鼠标经过左侧的小li
  4.             $("#left li").mouseover(function() {
  5.                 // 2. 得到当前小li 的索引号
  6.                 var index = $(this).index();
  7.                 console.log(index);
  8.                 // 3. 让我们右侧的盒子相应索引号的图片显示出来就好了
  9.                 // $("#content div").eq(index).show();
  10.                 // 4. 让其余的图片(就是其他的兄弟)隐藏起来
  11.                 // $("#content div").eq(index).siblings().hide();
  12.                 // 链式编程
  13.                 $("#content div").eq(index).show().siblings().hide();

  14.             })
  15.         })
  16.     </script>
复制代码

12-精品展示案例.zip (414.67 KB, 下载次数: 551)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24