Javascript文本滑块淡出

Question

我从问题Jquery Text Slider Loop获得了一些脚本

然后我自己配置​​，这个myscript

    function showHeading(){
        $('#ik'+(heading_cur+1)).css({'opacity' : '0','display' : 'block'}).animate({opacity: 1.0,left: '25px'}, 1000);
        setTimeout(hideHeading, 5000);
        }

 function hideHeading(){
        $('#ik'+(heading_cur+1)).css({'opacity' : '1','display' : 'none'}).animate({opacity: 0,left: '0px'}, 1000,function(){showHeading();});

        heading_cur=(heading_cur+1)%$jIk;
        }

我在hideHeading函数中添加display:none，但我希望它与transiton

一起消失

Answer 1

将其添加到call back

中

function hideHeading(){
        $('#ik'+(heading_cur+1))
          .css({'opacity' : '1'})
          .animate({opacity: 0,left: '0px'}, 1000
          ,function(){ $(this).hide(); showHeading();});

        heading_cur=(heading_cur+1)%$jIk;
        }

然后，您可以使用.show()和.hide()代替使用display属性。