? ????? ???? ??? ??? ???? ? ??? ???? ???? ????? ??? ???? ?? JQuery ????? ??? ??? ?????. ????? ?? ??? ??? ????

????? ??? "Audero Flashing Text"?? jQuery ???? ?? ??? ?? ???????. ?? ??, ???, ??, ?? ? ???? ?????. ? ??? ?? ? ???? ????, ???, ?? ??, ??? ?? ?? ? ??? ?? ??? ??? ??? ?????.
• stop() ???? ??? ???? ??? ????? ?? ??? ?????. ??? ?? ?? ? ??? ??? ???? ?? ????,
??? DOM?? ?? ? ??? ??? ?? ??, ??, ?? ?? ??? ???? ???? ?? ??? ???? ??? ?? ?????.
• ????? ???? ?? ? ??? ?? ?? ? ??? ?? ??? ?? ??? ???? ?? ????. "Audero Flashing Text"????? ???? MIT ? GPL-3.0? ?? ????? ?? ?? ?? ?? ? ? ????. isRunning
??? ? ???? ??? ??? ????? ???? ??? ?? ?? ?? ??? ?????. ? ???? ???? ????? ?? ???? ??? ??? ?? ? ???? ????? ?? ????. ? ????? ???? ??? ?? ??? ???? ?? ? ??? ??? ??? ???? ???? ??? ???? JQuery ????? ??? ? ????. ?? ??? ??? ??? ???? (??, ??? ??? ???? ?? ????? ????), ??? ???? ??? ?????. ? ????? ???? ?? ???? ?? ?????? ???? ? ?????? ?? ?????? ??? ??????. ?? ??? ???? ?? ???? ??? JavaScript ?????. ? ????? ???? jQuery ?????? ??? ??? ???? JQuery ???? ?? ??? ???? ?????. ?? ??? ??? ? ????? "jQuery ?????? ??? ???? ???? ?? ??"? ??????. ?? ???? ????? "Audero Flashing Text"?????.
• ?? start() fadeOut() ?? "Audero Flashing Text"? ???? ?? ? ???? ?? ? ??? ???????. ????? ????? ??? ??? ???? ???? ????? ????? ??? ????. ??? ??? ?? ???? ???? ?? ?? ???? ??? ?????. ?? ?? ???? ????? ????? ?? ??? ???? ??? ????. ?????, ??? ????? ????? ??? ?? ?? ?? ? ? ????. ??? ?????? ??? ?????
  ?? ?? ??? ??? ??? ???
  • ?? ?? ???? ?? ??? ???? ??? ?? ?? ??? ?? ?? ?? ?????. "Audero Flashing Text"? ?? ??? ?? ? ??? ???? ??? ???? ??? ? ????. ??? ???? ???? ?? ??? ??? ???? ? ??? ??? ????. 1. ??? ?? ??, 2. ?? ?? ??? 3. ??? ?????. ? ??? ?? ?? ??? ??? ??? ? ??, ?? ?? ? ??? ?? ?????. ????? ?? ? ??? ?? ????,?? ?? ???? ??? ??? ??? ??? ??? ? ????.
  ? ?? ??? ??
  • , init() ? init () ???
  • ??? start() ???? ???? ????? ???? ??? ????? ??? ??? ??? ???????. ??? ?? ?? ? ?? ? ????, ???? ??? ?? ? ??? ??? ???? ??? ???? ???? ?? ???? ????. ?? ?? ???? ??? ?? ? ? ???,? ?? ???? ?????. ? ?? ?? ? ??? ??? ??? ??? ?? ??? ???? ?????. ??? ??? ???? ????? ?? ?? ? ? ????. ??? ? ???? CSS ??? ???? ??? ??? ?? ??? ???? ??? ??? ???? ????. ? ???? ??????? ? ?? ?????? ???? ??
  ??? ???? ????.
  • ? ?? ??? ??? ???? stop() start () ??? ??? ??? ??? ???? ??? ???? ?? ??? ????? ?? ??? ?????. ?? ? ?? ??? ?????
  • - ??? ?????. isRunning() - ?? ? ???.
  - ??? ???? ??? ID.
  ??

  ???? ????? ?? ?? ??? ??????. ? ?, ??? ??? ??? selection ??? ????. ?? ?, ??? ??? ???? (random), ??? ??? ???? ??? ??? ? ????. ??? ? ? ??? ???? DOM?? ?? ? ??? ??? ?? ??, ?? ?? ??? ???? ???? ?? ??? ???? ??? ?? ???? ?? ??? ????. ? ??? ??? ? ?? ??? ??? ??? ??? ??? ?????. ascending

  var defaultValues = {
    strings: [], // 要顯示的字符串?dāng)?shù)組
    fadeIn: 300, // 以毫秒為單位的時(shí)間
    duration: 500, // 以毫秒為單位的時(shí)間
    fadeOut: 300, // 以毫秒為單位的時(shí)間
    selection: "random" // 文本選擇的順序?？赡艿闹担骸皉andom”、“ascending”、“descending”
  };

  stop () ???

  ???? ?????? ???? DOM?? ??? ?? ?

  ??? ??? ?? ?? ??? ??? ???? ? ?????. ?? ?? ???? ? ? ??? ???? ???? ?????. ? ???? ?? ????? (jQuery stop() isrunning () ??? ? ??? ??? ??? ??? ??? ????? ????? ??? ???? ????. ??? ????? ??? <span>? stop() ??? ?????. ?? ??? ??? ???? ???? fadeOut()? ????, ??? ??? remove()? ?????. ?? ? ??? ??? ????
  ? ????? ???? ??

  init: function(options) {
    if (typeof options === "undefined" || options === null) {
      options = {};
    }
    if (typeof options.strings === "undefined" || options.strings == null) {
      if (this.children().size() === 0) {
        $.error("如果您沒有指定要顯示的文本，則該元素必須至少有一個(gè)子元素");
        return;
      } else {
        options.strings = this.children().map(function() {
          return $(this).text();
        });
      }
    }
  
    this.css("position", "relative");
    this.children().css("visibility", "hidden");
  
    methods.start($.extend({}, defaultValues, options), null, this.attr("id"));
  }

  <<> ?? ?? ??? ????? ?? ? ?? ??? ???????. ??

  : ? ??? ?? ? ???

  ??? ??? ?? ??? ????? ??? ???? ??????.

  ??? ??? ??? ??? ????? ?? ??? ???? ????. audero-flashing-text <<> ?? <span> true ? ????? ??? ??? ???? ??? ??? ??? jQuery ????? ??? ??? ?????. ?? ??? ??? ?? ??? ?????? ???? ?? ? ???????. "Audero Flashing Text"????? ??? ?????. MIT ? GPL-3.0? ?? ?? ????? ?? ??? ????? ? ?? ? ?? ????. false

  <<> (FAQ)? ?? ???? FAQ ??? ???? jQuery? ???? ??? ??? ??? ?? ? ? ??????? ?? ? ?? ? ???? ???? ? ???? ???? ?? ? ????.

  start: function(settings, index, idElem) {
    if (typeof idElem === "undefined") {
      idElem = this.selector;
    }
    if (typeof settings === "undefined") {
      $.error("無效的方法調(diào)用：未指定設(shè)置");
      return;
    }
    if (index == null) {
      if (settings.selection === "ascending")
        index = 0;
      else if (settings.selection === "descending")
        index = settings.strings.length - 1;
      else
        index = Math.floor(Math.random() * settings.strings.length);
    }
  
    var $text = $("<span>")
      .text(settings.strings[index])
      .addClass("audero-flashing-text") // 這用作書簽，以幫助停止方法
      .css({
        position: "absolute",
        display: "none",
        fontSize: (Math.random() * 2 + 0.5) + "em"
      })
      .appendTo("#" + idElem)
      .fadeIn(settings.fadeIn)
      .animate({ opacity: 1 }, settings.duration) // 模擬延遲
      .fadeOut(settings.fadeOut, function() {
        // 刪除當(dāng)前元素
        $(this).remove();
        var nextIndex;
        if (settings.selection === "ascending")
          nextIndex = (index + 1) % settings.strings.length;
        else if (settings.selection === "descending")
          nextIndex = (index === 0) ? settings.strings.length : index - 1;
        else
          nextIndex = Math.floor(Math.random() * settings.strings.length);
        // 再次啟動(dòng)效果
        methods.start(settings, nextIndex, idElem);
      });
    // 設(shè)置位置，以便元素適合區(qū)域的大小
    var posX = Math.floor(Math.random() * ($("#" + idElem).width() - $text.outerWidth()));
    var posY = Math.floor(Math.random() * ($("#" + idElem).height() - $text.outerHeight()));
    // 設(shè)置文本的位置
    $text.css({
      left: posX + "px",
      top: posY + "px"
    });
  }

? ??? jQuery? ??? ??? ??? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!