全球主机交流论坛

标题: js问题 [打印本页]

---

作者: 村长    时间: 2015-7-15 10:10
标题: js问题

1. function clickTabs(tabTit,on,tabCon){
   
2.      $(tabTit).children().click(function(){
   
3.        $(this).addClass(on).siblings().removeClass(on);
   
4.        var index = $(tabTit).children().index(this);
   
5.      $(tabCon).children().eq(index).show().siblings().hide();
   
6.      });
   
7.      }

复制代码

怎么改成鼠标移动后自动变化而不需要点击

---

作者: psdshow    时间: 2015-7-15 10:11
hover

---

作者: psdshow    时间: 2015-7-15 10:21


这写法本身就有问题吧
监听根本不需要函数

1. (
   
2.         var tabTit= '.clickTab-hd',tabCon='.clickTab-bd',on='current';
   
3. 
   
4.         $(tabTit).children().hover(
   
5.                  function(){
   
6.                         $(this).addClass(on).siblings().removeClass(on);
   
7.                         var index = $(tabTit).children().index(this);
   
8.                         $(tabCon).children().eq(index).show().siblings().hide();
   
9.                 },function(){
   
10.                        
    
11.                 }
    
12.         );
    
13. )()

复制代码

---

作者: 村长    时间: 2015-7-15 12:04

psdshow 发表于 2015-7-15 10:21
这写法本身就有问题吧
监听根本不需要函数

大神在帮忙看下,刚才代码没有写全。

1. function clickTabs(tabTit,on,tabCon){
   
2.      $(tabTit).children().click(function(){
   
3.        $(this).addClass(on).siblings().removeClass(on);
   
4.        var index = $(tabTit).children().index(this);
   
5.      $(tabCon).children().eq(index).show().siblings().hide();
   
6.      });
   
7.      }
   
8. $(function(){ clickTabs(".clickTab-hd", "current", ".clickTab-bd");});

复制代码

---

欢迎光临 全球主机交流论坛 (https://sunk.eu.org/)

Powered by Discuz! X3.4