如何使用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);
},停留时间+改变速度);
}
}
});