MaoText JQuery

Oggi vi parlerò di come dare un tocco di classe al vostro sito/blog o altro utilizzando funzioni JQuery e MaoText. Permette di ottenere scritte, che con il solo passaggio del mouse, creano un effetto onda e tanto altro ancora.

Ci sono diversi modi di poter ottenere un “effetto onda”, al seguente url potete trovare un sfilza di esempi http://labs.bitmeister.jp/moamoa/demo.html

Per poter scaricare il file MAoText, cliccare sul seguente url http://sourceforge.jp/projects/moatext/releases/ .

Vi ricordo che una volta scaricato il file dovrà essere tassativamente incluso dopo JQuery, come mostrato di seguito:

<script type=”text/javascript” src=”/js/jquery.js”></script>

<script type=”text/javascript” src=”/js/jquery.mao.js”></script>


Un esempio banale di come poterlo usare, è il seguente:

<script type="text/javascript" language="JavaScript"><!--
  $(function(){
    $(".moa1").moatext({effects:["lens","wave"]});
  });
-->
</script>

<div class="moa1">
Passa il mouse sopra di me!
</div>

Con l’esempio appena mostrato, otteniamo un onda con effetto lente d’ingrandimento al solo passaggio del mouse.. Provare per credere! Enjoy 🙂

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...