0

HTMLタブメニューがあります。以下を使用します。

HTML:

<ul class="quicktabs-tabs quicktabs-style-nostyle">
    <li class="even first active"><a class="active jquery-once-2-processed" id="quicktabs-tab-creative_tab-0" href="/?q=node&amp;qt-creative_tab=0#qt-creative_tab">NELER YAPARIZ?</a></li> 
    <li class="odd last"><a class="active quicktabs-loaded jquery-once-2-processed" id="quicktabs-tab-creative_tab-1" href="/?q=node&amp;qt-creative_tab=1#qt-creative_tab">GÜNCEL ETKİNLİKLER</a></li>
</ul>

メニューをクリックするli aと、フェード効果が得られます。どうすればこれを追加できますか?

4

2 に答える 2

1 
$('.quicktabs-tabs').on('click', 'a', function(e){
    e.preventDefault();
    $(e.delegateTarget).stop(true, true).fadeTo(300, 0.1); //args: duration, opacity lvl
});
于 2012-12-07T13:50:43.327 に答える
1

これにより、不透明度が 50% にフェードします http://api.jquery.com/fadeTo/

$(".quicktabs-tabs li a").on('click',function(){
    e.preventDefault();
    $(this).fadeTo(500,0.5);
});

フェードアウトしたい場合は、これを行う必要があります http://api.jquery.com/fadeOut/

$(".quicktabs-tabs li a").on('click',function(){
    e.preventDefault();
    $(this).fadeOut(500);
});

ここにあなたの例のjsfiddleがありますhttp://jsfiddle.net/9BSbh/

于 2012-12-07T13:52:45.043 に答える