Il sito per imparare gratuitamente a fare pagine Web

JavaScript P2
















P2 - Logo statico cliccabile. Posizionabile in uno dei 4 angoli della pagina.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name: dynamicdrive.com
Website: www.dynamicdrive.com

Descrizione: Avere un proprio logo o immagine grafica sempre presente in un punto preciso della vostra pagina. Questo logo risulta sempre visibile anche durante le operazioni di scrolling e può essere cliccabile, quindi richiamare un indirizzo valido di un sito o di pagina web in particolare.

In questo esempio ho usato l'immagine del pulsante per le donazioni donazione che riconduce alla relativa pagina presente in questo mio sito.

Lo script fa uso di una libreria esterna jquery di googleapis

Passo 1 :

Scaricate il file: staticlogo.js preleva il file e salvatelo nella stessa cartella dove avete la pagina web che ne farà uso.

Selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato, adoperate il tasto destro del mouse per l'operazione di copia ed incolla, posizionatelo nella vostra pagina fra i tags <head> e </head>.

seleziona tutto

Attenzione: Non dimenticate di scaricate il file in formato zip e scompattate il suo contenuto (staticlogo.js) nella stessa cartella dove avete la pagina che ne farà uso.

Note : All'interno del file staticlogo.js è possibile impostare alcuni parametri come:

la posizione del logo nella pagina, scelta fra 1/2/3/4/ dove:

{orientation:4, = in basso nell'angolo destro
{orientation:3, = in basso nell'angolo sinistro
{orientation:2, = in alto nell'angolo destro
{orientation:1, = in alto nell'angolo sinistro

visibleduration:20000, tempo in millisecondi di visibilità prima di scomparire, se impostato a 0 sempre visibile.

fadeduration:[1000, 500]}, tempo in millisecondi di effetto fade per comparsa e scomparsa.

offsets: {x:10, y:10}, Distanza in pixel del logo rispetto ai due margini nell'angolo della finestra del browser.

logoHTML: <a href="../donate.htm" title="Donazione"><img src="../img/donate03.gif" style="width:62px; height:31px; border:0" /></a>', il codice HTML per il logo, che è inserito automaticamente in un in DIV ID="mysitelogo".




Valutazione

Valutazione: 1.74 stelle su 5
N. Voti: (46)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.