自丢网

标题: js淘宝精品服饰案例tab切换代码教程 [打印本页]

---

作者: admin    时间: 2020-3-9 15:59
标题: js淘宝精品服饰案例tab切换代码教程
淘宝精品服饰案例tab切换代码教程
(, 下载次数: 435)

上传

点击文件名下载附件 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.         })
    
17.     </script>

复制代码

(, 下载次数: 699)

上传

点击文件名下载附件

---

欢迎光临 自丢网 (https://www.zidiu.com/)

Powered by Discuz! X3.5