Как повторять текстовую анимацию непрерывно снова и снова

Я использую ниже код для анимирования текста постоянно снова и снова, но нижеследующий код заканчивается 10 случаями, которые я упомянул в приведенном ниже коде, но я нуждался в том, чтобы текст снова оживлялся и еще раз.Как повторять текстовую анимацию непрерывно снова и снова

<html lang="en"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>jQuery TextFX - A jQuery Text Animation Engine</title> 
    <style type="text/css"> 
    body{margin:0;padding:0;color:#333}#effectTwo{display:none} 
    </style> 
    <link rel="stylesheet" type="text/css" href="cj-text-fx.min.css" /> 
    <script src="jquery-1.6.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript">jQuery.noConflict();</script> 
    <script src="jquery.easing.1.3.min.js" type="text/javascript"></script> 
    <script src="cj-text-fx.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    var isOn = 0, 
sets, fx, toAnimate = "#effect", 
settings = { 
    animation: 8, 
    animationType: "in", 
    backwards: !1, 
    easing: "easeOutQuint", 
    speed: 1E3, 
    sequenceDelay: 100, 
    startDelay: 0, 
    offsetX: 100, 
    offsetY: 50, 
    onComplete: fireThis, 
    restoreHTML: !0 
}; 
jQuery(document).ready(function() { 
    fx = jQuery("#effect"); 
    jQuery.cjTextFx(settings); 
    jQuery.cjTextFx.animate(toAnimate) 
}); 

function fireThis() { 
    if (isOn !== 13) { 
     isOn < 13 ? isOn++ : isOn = 0; 
     switch (isOn) { 
     case 1: 
      sets = { 
       animationType: "out", 
       restoreHTML: !1 
      }; 
      break; 
     case 2: 
      fx.html("Systematic Approch for Innovation"); 
      sets = { 
       animation: 11 
      }; 
      break; 
     case 3: 
      sets = { 
       animation: 11, 
       animationType: "out", 
       restoreHTML: !1 
      }; 
      break; 
     case 4: 
      fx.html("Systematic Approch for Innovation"); 
      sets = { 
       animation: 1 
      }; 
      break; 
     case 5: 
      sets = { 
       animation: 1, 
       animationType: "out", 
       restoreHTML: !1 
      }; 
      break; 
     case 6: 
      fx.html("Systematic Approch for Innovation"); 
      sets = { 
       animation: 6, 
       backwards: !0 
      }; 
      break; 
     case 7: 
      sets = { 
       animation: 4, 
       animationType: "out", 
       backwards: !0, 
       restoreHTML: !1 
      }; 
      break; 
     case 8: 
      fx.html("Systematic Approch for Innovation"); 
      sets = { 
       animation: 2, 
       easing: "easeOutBounce" 
      }; 
      break; 
     case 9: 
      sets = { 
       animation: 2, 
       animationType: "out", 
       speed: 500, 
       easing: "easeInBack", 
       restoreHTML: !1 
      }; 
      break; 
     case 10: 
      fx.html("Systematic Approch for Innovation"), sets = { 
       animation: 14, 
       startDelay: 1E3, 
       linked: !0, 
       hyperlink: "generator.html", 
       color: "#0000FF", 
       linkTarget: "_self", 
       onComplete: null 
      } 
     } 
     jQuery.cjTextFx.animate(toAnimate, sets) 
    } 
}; 

    </script> 
    </head> 
    <body> 
    <div id="container"> 
    <div id="text-fx"> 
    <div id="effect">Systematic Approch for Innovation</div> 
    </div> 
    </div> 
    </body> 
    </html>

Пожалуйста, покажите мне способ решить эту проблему. это срочно. Заранее спасибо.

источник

2012-05-31 vishali

почему вы не формат кода Perfec tly?: D –

Серьезно, вы удалили это с чужого сайта, и теперь вы хотите использовать его как свой собственный после изменения одной переменной, но вы не знаете, какой из них изменить? Я, честно говоря, не могу придумать другую причину, по которой вы бы опубликовали сокращенный код (!), Который вам «срочно» нужна помощь по изменению. Очень бесполезно. Если вы собираетесь украсть чужой код, по крайней мере, приложите минимальные усилия, чтобы заставить его делать то, что вы хотите, чтобы вы могли честно утверждать, что вы просто используете его в качестве примера, чтобы учиться на , > :-( –

Изменение:

if (isOn !== 13) { 
isOn < 13 ? isOn++ : isOn = 0;

case 10: 
     fx.html("Systematic Approch for Innovation"), sets = { 
      animation: 14, 
      startDelay: 1E3, 
      linked: !0, 
      hyperlink: "generator.html", 
      color: "#0000FF", 
      linkTarget: "_self", 
      onComplete: null 
     } 
    } 
    jQuery.cjTextFx.animate(toAnimate, sets)

To:

isOn !== 11 ? isOn++ : isOn = 0;

case 10: 
     fx.html("Systematic Approch for Innovation"), sets = { 
      animation: 14, 
      startDelay: 1E3, 
      linked: !0, 
      hyperlink: "generator.html", 
      color: "#0000FF", 
      linkTarget: "_self", 
      onComplete: function(){ 
       jQuery.cjTextFx.animate(toAnimate, sets) 
      } 
     } 
    }

источник

2012-05-31 05:04:15 ahren

Как повторять текстовую анимацию непрерывно снова и снова

ответ

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