code jquery pour implémenter des effets de texte en cliquant sur la souris

Aujourd'hui, j'ai vu un morceau de code JS pour les effets de texte par clic de souris que j'aime dans [Blog de Fantasy]. Cet article présente principalement un code jquery intéressant pour les effets de texte par clic de souris, j'espère. ça peut aider tout le monde.

Mettez simplement le code JS suivant avant </body>.

<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
  $("body").click(function(e) {
    var a = new Array("富强", "民主", "文明", "和谐", "自由", "平等", "公正" ,"法治", "爱国", "敬业", "诚信", "友善");
    var $i = $("<span/>").text(a[a_idx]);
    a_idx = (a_idx + 1) % a.length;
    var x = e.pageX,
    y = e.pageY;
    $i.css({
      "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
      "top": y - 20,
      "left": x,
      "position": "absolute",
      "font-weight": "bold",
      "color": "#ff6651"
    });
    $("body").append($i);
    $i.animate({
      "top": y - 180,
      "opacity": 0
    },
    1500,
    function() {
      $i.remove();
    });
  });
});
</script>

Je ne sais pas pourquoi, mais le code JS qui peut être utilisé par WordPress échoue lorsqu'il est placé dans Typecho.

Cet effet n'est généralement pas utilisé sur les grands sites Web, mais est généralement bon pour les blogs personnels.

Recommandations associées :

Comment implémenter le partage de code des effets de texte Transformers avec js

Un résumé de 7 effets de texte typiques cas

5 effets de texte web sympas et pratiques recommandés en téléchargement (collection)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!