Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/postgresql/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jQuery使sIFR替换的元素淡入?_Jquery_Sifr - Fatal编程技术网

如何使用jQuery使sIFR替换的元素淡入?

如何使用jQuery使sIFR替换的元素淡入?,jquery,sifr,Jquery,Sifr,这就是我目前拥有的: // #content is visibility=hidden sIFR.replace(mix_bold, { selector: '#content p', onReplacement: function(fi) { $('#content').fadeIn("slow"); } }); 淡入会发生,但在被隐藏之前,替换的flash电影会在瞬间出现。有人用过这个吗?我使用的是jQuery1.2.6和SIFR3R436。在Safari 4和FF 3

这就是我目前拥有的:

// #content is visibility=hidden
sIFR.replace(mix_bold, {
  selector: '#content p',
  onReplacement: function(fi) {
    $('#content').fadeIn("slow");
  }
});
淡入会发生,但在被隐藏之前,替换的flash电影会在瞬间出现。有人用过这个吗?我使用的是jQuery1.2.6和SIFR3R436。在Safari 4和FF 3中测试


谢谢

我知道这并不能回答你关于sIFR的问题,但我刚刚用一种不同的字体替换技术Cufon测试了fadein。在这里一切都很好,在元素的CSS中将display设置为none(不理想,只是为了测试),然后让jQuery淡入

Cufon是“使用画布和VML快速替换文本-无需Flash或图像。”

希望这能有所帮助,在发现这个工具后,我停止使用sIFR进行字体替换,仍然有一些问题需要解决,但看起来非常好


更多信息请点击此处

如果您将Flash电影透明化,可能会有所帮助,但一般来说,我认为这不起作用。Flash和HTML/CSS的难度。

尝试制作

#content {
style=display:none
} 

如果您有一个这样的项目列表,请将其替换为以下内容,而不是
visibility=hidden

<ul class="slogan-list">
<li>...</li>
</ul>
JQuery应该是这样的:

var jQu = jQuery.noConflict();

jQu('ul.slogan-list').each(function(){
        var _hold = jQu(this);
        var _list = _hold.children();
        var _t, _f = true;
        var _a = (_list.index(_list.filter('.active:eq(0)') != -1))?(_list.index(_list.filter('.active:eq(0)'))):(0);
        _list.removeClass('active').css('opacity', 0).eq(_a).addClass('active').css('opacity', 1);
        if(_f && stay_time){
            _t = setTimeout(function(){
                if(_a < _list.length - 1) changeEl(_a + 1);
                else changeEl(0);
            }, stay_time);
        }
        function changeEl(_ind){
            if(_t) clearTimeout(_t);
            if(_ind != _a){
                _hold.stop().height(_hold.height());
                if(jQu.browser.opera){
                    _list.eq(_a).removeClass('active').css('opacity', 0);
                    _list.eq(_ind).addClass('active').css('opacity', 1);
                }
                else{
                    _list.eq(_a).removeClass('active').animate({opacity: 0}, {queue:false, duration: change_speed});
                    _list.eq(_ind).addClass('active').animate({opacity: 1}, {queue:false, duration: change_speed});
                }
                _hold.animate({height: _list.eq(_ind).outerHeight()}, change_speed/2, function(){ jQu(this).height('auto');});
                _a = _ind;
            }
            if(_f && stay_time){
                _t = setTimeout(function(){
                    if(_a < _list.length - 1) changeEl(_a + 1);
                    else changeEl(0);
                }, stay_time+change_speed);
            }
        }
    });
var jQu=jQuery.noConflict();
jQu(“ul.标语列表”)。每个(功能){
var _hold=jQu(本);
var _list=_hold.children();
var _t,_f=真;
变量a=(_list.index(_list.filter('.active:eq(0)!=-1))?(_list.index(_list.filter('.active:eq(0)')):(0);
_list.removeClass('active').css('opacity',0).eq(_a).addClass('active').css('opacity',1);
如果(_f&&u停留时间){
_t=设置超时(函数(){
如果(_a<_list.length-1)更改(_a+1);
else-changel(0);
},逗留时间);
}
功能更改(_ind){
如果(_t)清除超时(_t);
如果(_ind!=_a){
_保持高度(_保持高度());
if(jQu.browser.opera){
_list.eq(_a).removeClass('active').css('opacity',0);
_list.eq(_ind).addClass('active').css('opacity',1);
}
否则{
_list.eq(_a).removeClass('active').animate({opacity:0},{queue:false,duration:change_speed});
_list.eq(_ind).addClass('active').animate({opacity:1},{queue:false,duration:change_speed});
}
_hold.animate({height:_list.eq(_ind).outerHeight()},change_speed/2,function(){jQu(this.height('auto');});
_a=工业;
}
如果(_f&&u停留时间){
_t=设置超时(函数(){
如果(_a<_list.length-1)更改(_a+1);
else-changel(0);
},停留时间+改变速度);
}
}
});