2015-05-04 4 views
1

Я пытался подделать что-то, что я видел по этой ссылке check this link. what i need is the changing div there. Я хочу воссоздать изменяющийся эффект. если это возможно, например, с заменой слов матричным способом. проверено jquery innerfade, но не работает. может ли кто-нибудь помочь?Обмен данными Div по фиксированному интервалу времени

, что у меня есть уже

$(document).ready(
    function(){ 
     $('.changer1').innerfade({ 
      animationtype: 'slide', 
      speed: 750, 
      timeout: 2000, 
      type: 'random', 
      containerheight: '1em' 
     }); 

     $('.changer2').innerfade({ 
      speed: 'slow', 
      timeout: 4000, 
      type: 'sequence', 
      containerheight: '220px' 
     }); 

     $('.changer3').innerfade({ 
      speed: 'slow', 
      timeout: 1000, 
      type: 'sequence', 
      containerheight: '1.5em' 
     }); 
    } 

и мой HTML:

<div class='changer1'> 
    <p> Web Maker </p> 
</div> 
<div class='changer2'> 
    <p> Windows Phone Dev</p> 
</div> 
<div class='changer3'> 
    <p> Reverse Engineer</p> 
</div> 
<div class='changer4'> 
    <p> UI/UX Lover </p> 
</div> 
<div class='changer5'> 
    <p> Geek</p> 
</div> 
<div class='changer6'> 
    <p> Human </p> 
</div> 
+0

https://medienfreunde.com/lab/innerfade/# n3 ссылается на это alr eady –

ответ

2
$(document).ready(
    function(){ 
     $('.changer1').innerfade({ 
      animationtype: 'slide', 
      speed: 750, 
      timeout: 2000, 
      type: 'random', 
      containerheight: '1em' 
     }); 
}); 

HTML

<div class='changer1'> 
    <p> Web Maker </p> 

    <p> Windows Phone Dev</p> 

    <p> Reverse Engineer</p> 

    <p> UI/UX Lover </p> 

    <p> Geek</p> 

    <p> Human </p> 
</div> 
+0

Можете ли вы запустить его в jsfiddle или что-то еще и показать его ?! –

+0

и внутреннее увядание встроенной функции jquey или плагина? –

+0

при использовании этого плагина все css alighnmnet идет –

Смежные вопросы