我在jQuery中有这个代码:
function lshow() {
var delayt = 500;
var showtime = 5000;
var ArrayOfElements = ['.slogan1','.whatwedo','.ekon','.ene', '.ekol', '.sm'];
var i=0;
$.each(ArrayOfElements,function (i,element) {
if($(element).is(':visible')) {
$(element).delay(delayt).hide('slow');
}
if ($(element).is(':hidden')) {
$(element).delay(showtime).show('slow');
}
});
}
Run Code Online (Sandbox Code Playgroud)
和HTML:
<span class="slogan">
<span class="slogan1">my slogan</span><!--Default visible-->
<span class="whatwedo"><!--Default invisible-->
projects <span class="sm">and modernization </span> of something <span class="ekon">fine</span>
<span class="ene">fast</span>
<span class="ekol">smooth</span>
</span>
</span>
Run Code Online (Sandbox Code Playgroud)
CSS:
.whatwedo, .sm, .ene, .ekol {
display: none;
}
Run Code Online (Sandbox Code Playgroud)
我想设置它看起来像这样:
淡出
"精"fadeOut"快"淡出
一样
但是5秒后.它显示"项目和现代化的快速smoth",我不能让它工作