• Címkék:
  • üzenet
  • állapot
  • message
  • floating

FloatingMessage

Példa

1. példa: egyszerű üzenet
2. példa: Személyreszabott szélesség és magasság
3. példa: Pozícionálás: bal felső sarok
4. példa: Pozícionálás: bal alsó sarok
5. példa: Pozícionálás: jobb felső sarok
6. példa: Pozícionálás: jobb alsó sarok
7. példa: Időzítés (3 másodperc)
8. példa: Egyéni effekt 1.
9. példa: Egyéni effekt 2.
10. példa: jQuery objektum 1.
11. példa: jQuery objektum 2.

Deklaráció

        $(document).ready(function(){
          $('#pelda-1').click(function(){
            $.floatingMessage('Első példa: egyszerű üzenet')
          })
          $('#pelda-2').click(function(){
            $.floatingMessage(
              'Második példa:
szélesség: 500px / magasság: 40px', { width: 500, height: 40 } ) }) $('#pelda-3').click(function(){ $.floatingMessage( 'Harmadik példa:
pozíció: bal felső sarok', { align: 'left', verticalAlign: 'top' } ) }) $('#pelda-4').click(function(){ $.floatingMessage( 'Negyedik példa:
pozíció: bal alsó sarok', { align: 'left', verticalAlign: 'bottom' } ) }) $('#pelda-5').click(function(){ $.floatingMessage( 'Ötödik példa:
pozíció: jobb felső sarok', { align: 'right', verticalAlign: 'top' } ) }) $('#pelda-6').click(function(){ $.floatingMessage( 'Hatodik példa:
pozíció: jobb alsó sarok', { align: 'right', verticalAlign: 'bottom' } ) }) $('#pelda-7').click(function(){ $.floatingMessage( 'Hetedik példa:
automatikus bezárás 3 másodperc múlva', { time: 3000 } ) }) $('#pelda-8').click(function(){ $.floatingMessage( 'Nyolcadik példa:
egyéni effekt 1.', { show: 'fold', hide: 'explode', stuffEaseTime: 5000, stuffEasing: 'swing', moveEaseTime: 2000, moveEasing: 'easeInExpo' } ) }) $('#pelda-9').click(function(){ $.floatingMessage( 'Kilencedik példa:
egyéni effekt 2.', { show: 'blind', hide: 'puff', stuffEaseTime: 100, stuffEasing: 'easeInExpo', moveEaseTime: 200, moveEasing: 'easeOutBounce' } ) }) $('#pelda-10').click(function(){ $('Tizedik példa:
Link: www.jquery-plugins.hu
').floatingMessage(); }); $('#pelda-11').click(function(){ $('Tizedikegyedik példa:
Image
').floatingMessage({ height: 80 }); }); });

HTML kód

        <p>
          1. példa: <a id="pelda-1" href="javascript:return false;">egyszerű üzenet</a><br/>
          2. példa: <a id="pelda-2" href="javascript:return false;">Személyreszabott szélesség és magasság</a><br/>
          3. példa: <a id="pelda-3" href="javascript:return false;">Pozíciónálás: bal felső sarok</a><br/>
          4. példa: <a id="pelda-4" href="javascript:return false;">Pozíciónálás: bal alsó sarok</a><br/>
          5. példa: <a id="pelda-5" href="javascript:return false;">Pozíciónálás: jobb felső sarok</a><br/>
          6. példa: <a id="pelda-6" href="javascript:return false;">Pozíciónálás: jobb alsó sarok</a><br/>
          7. példa: <a id="pelda-7" href="javascript:return false;">Időzítés (<i>3 másodperc</i>)</a><br/>
          8. példa: <a id="pelda-8" href="javascript:return false;">Egyéni effekt 1.</a><br/>
          9. példa: <a id="pelda-9" href="javascript:return false;">Egyéni effekt 2.</a><br/>
          10. példa: <a id="pelda-10" href="javascript:return false;">jQuery objektum 1.</a><br/>
          11. példa: <a id="pelda-11" href="javascript:return false;">jQuery objektum 2.</a><br/>
        <p>
      

« bezár