Featured Posts

Oltre 100 effetti di animazione con JqueryOltre 100 effetti di animazione con Jquery Ecco una lista dei maggiori plugin jquery relativi ad effetti ed animazioni. In totale sono 114, tutti diversi e degni di essere almeno visualizzati. Step Carousel Viewer 3D Image Carousel Agile...

Read more

Quasi 50 menu in jqueryQuasi 50 menu in jquery Un nuovo elenco utile a tutti i  webmaster. E' la volta dei menu, di tutti i tipi...con jquery ovviamente. 123Tree Accordion Accordion Content/ Menu script Animated Outline Menu AqMenu BDC...

Read more

10 dei migliori plugin jQuery10 dei migliori plugin jQuery var uri = 'http://impit.tradedoubler.com/imp?type(img)g(17411600)a(2212560)' + new String (Math.random()).substring (2, 11); document.write(''); Eccovi 10 dei migliori plugIn realizzati per jQuery LightBox Demo...

Read more

Primo plugIn di Jqueryamo: “Jqnews”

Posted by admin | Posted in Script | Posted on 11-12-2008

Tag:, , ,

1

Il nostro primo plugIn permette di visualizzare delle news in rotazione grazie ad effetti e movimenti, ed essere personalizzato attraverso l’impostazione di alcuni parametri come: il numero di news da mostrare, la velocità di rotazione, etc.

Funziona con libreria jquery compressa jquery-1.2.6.min.js e non compressa: jquery-1.2.6.js.

Specifiche
Il file jqNews.js situato nella directory js contiene lo script. In esso vanno impostate le variabili:

  • newsVisual: numero di news da visualizzare.
  • intervallo: tempo di attesa per la visualizzazione della news successiva.
  • altezzaDiv: dimensione dei div che contengono le news, le stesse contenute in (css/style.css).
  • margineDiv: dimensione dei margini dei div, le stesse contenute in (css/style.css).


Implementazione:

Per richiamare il plugin bisogna assegnare al div contenitore l’ID “jqnews” ed inserire ogni news in un div.

HTML
<div id="jqnews">
  <div>news 1</div>
  <div>news 2</div>
  ...
  <div>Ultima news</div>
</div>


Browser supportati:

Lo script è stato testato sui seguenti browser:

  • Firefox 2.X – 3.X
  • Chrome 0.4.X
  • Internet Explorer 6.X  – 7.X
  • Opera 9.X
  • Safari 3.X

Qui la demo della versione verticale v.1.0. Tra non molto ci sarà l’implementazione dello scorrimento orizzontale e l’unione di entrambi per un’unica soluzione.

Qui la Demo


Download:

Jqnews
– utilizzando la versione min di Jquery

Comments (1)

excellent plugin. very helpful

Write a comment