admin管理员组

文章数量:1025270

I have implemented jQuery tabs and am using the opacity technique to fade one tab out and then fade another in. I would like to have the second image fade over the first and then hide the first image. That way the background behind the tabs will not be shown. Please advise.

Current jQuery code:

<script type="text/javascript">
    $(function() {
        $('#web-select').tabs({ fx: { opacity: 'toggle', duration:'fast'} });
    });
</script>

I have implemented jQuery tabs and am using the opacity technique to fade one tab out and then fade another in. I would like to have the second image fade over the first and then hide the first image. That way the background behind the tabs will not be shown. Please advise.

Current jQuery code:

<script type="text/javascript">
    $(function() {
        $('#web-select').tabs({ fx: { opacity: 'toggle', duration:'fast'} });
    });
</script>
  • javascript
  • jquery
  • jquery-ui
  • fade
Share Improve this question asked Aug 27, 2009 at 3:09 Brad BirdsallBrad Birdsall 1,7433 gold badges23 silver badges27 bronze badges 1
  • FYI: Code actually works with 1.8.15 now – chrisl-921fb74d Commented Aug 11, 2011 at 20:34
Add a ment  | 

2 Answers 2

Reset to default 2

Your code above will work in the 1.6 UI, but in the 1.7.2 UI version try the following:

$('#web-select').tabs('option', 'fx', { opacity: 'toggle', duration: 'fast' });

You could use the .show() and .hide() snippets to do such a thing!

I have implemented jQuery tabs and am using the opacity technique to fade one tab out and then fade another in. I would like to have the second image fade over the first and then hide the first image. That way the background behind the tabs will not be shown. Please advise.

Current jQuery code:

<script type="text/javascript">
    $(function() {
        $('#web-select').tabs({ fx: { opacity: 'toggle', duration:'fast'} });
    });
</script>

I have implemented jQuery tabs and am using the opacity technique to fade one tab out and then fade another in. I would like to have the second image fade over the first and then hide the first image. That way the background behind the tabs will not be shown. Please advise.

Current jQuery code:

<script type="text/javascript">
    $(function() {
        $('#web-select').tabs({ fx: { opacity: 'toggle', duration:'fast'} });
    });
</script>
  • javascript
  • jquery
  • jquery-ui
  • fade
Share Improve this question asked Aug 27, 2009 at 3:09 Brad BirdsallBrad Birdsall 1,7433 gold badges23 silver badges27 bronze badges 1
  • FYI: Code actually works with 1.8.15 now – chrisl-921fb74d Commented Aug 11, 2011 at 20:34
Add a ment  | 

2 Answers 2

Reset to default 2

Your code above will work in the 1.6 UI, but in the 1.7.2 UI version try the following:

$('#web-select').tabs('option', 'fx', { opacity: 'toggle', duration: 'fast' });

You could use the .show() and .hide() snippets to do such a thing!

本文标签： javascriptjQuery Tab Fade AnimationStack Overflow

版权声明：本文标题：javascript - jQuery Tab Fade Animation - Stack Overflow 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/questions/1745620097a2159522.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。