tab切换延时问题。

心已赠人 2022-09-19 14:24 267阅读 0赞
  1. tab切换延时问题,困扰我一整天,一般tab切换效果鼠标快速划过后就会闪的特别厉害,我就想加个延时效果,于是用上了settimeout方法,结果发现又出现了另外一个问题,虽然延迟了加载时间,结果却是差不了太多,看来一个简单的效果想做好必须得费一番苦力了,后来网上找到了一个方法

http://boke.chanbee.com/delay-jquery-effect-tab-to-switch-box.html

终于搞定了,原来忽略了一些因素代码如下:

  1. <script>
  2. $('.tabs > li a').hover(function(){
  3. var li = $(this);
  4. timer=setTimeout(function(){
  5. $('.tabs > li > a').removeClass('orange1').addClass('orange2');
  6. li.removeClass('orange2').addClass('orange1');
  7. $('.conmian1').hide();
  8. $('.conmian1').eq(li.attr('alt')-1).show();
  9. },500);
  10. },function(){
  11. clearTimeout(timer);
  12. })
  13. </script>

春运查询火车票,汽车票

发表评论

表情:
评论列表 (有 0 条评论,267人围观)

还没有评论,来说两句吧...

相关阅读

    相关 tab切换问题

        tab切换延时问题,困扰我一整天,一般tab切换效果鼠标快速划过后就会闪的特别厉害,我就想加个延时效果,于是用上了settimeout方法,结果发现又出现了另外一个问题