Pulsante Torna Su

Quante ricerche effetuiamo per trovare un pulsante che viene inserito nella parte destra della pagina, un piccolo pulsante con una freccia che ci riporta Su all'inizio con un semplice clik, vediamo nel Blog degli script di cosa stiamo parlando.

  
Semplicissimo, stiamo parlando di uno script da inserire nella pagina HTML, come al solito basta entrare nella nostra pagina HTML cercare la stringa </head> e subito prima inserire questo codice:

<!-- Torna Su -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'>
</script>
<script src='https://sites.google.com/site/cercasoluzione3/cs3/scrolltopcontrol-cs3.js' type='text/javascript'>
</script>
<!-- Torna Su -->

Adesso spieghiamo un po il funzionamento del secondo script cioè:

<!-- Torna Su -->
<script src='https://sites.google.com/site/cercasoluzione3/cs3/scrolltopcontrol-cs3.js' type='text/javascript'>
</script>
<!-- Torna Su -->

potete scaricare il file qui.
modificare il secondo .JS cioè apriamo il file js, cerchiamo questa stringa...

<img src="http://img27.imageshack.us/img27/5629/frecciainsurcs3.png" style="width:48px; height:48px" />

e nella stringa segnata in rosso lo sostituite con un'immagine a vostro piacimento, con quelle riportate qui sotto o con qualsiasi altra immagine potete anche modificare le dimensioni:

Dopo di chè possiamo cambiare il titolo del pulsante modificando questo codice:

.attr({title:'Torna Su'})

Adesso fate un bel salva, andate sulla Home del vostro sito web per testare il pulsante.
Se l'articolo vi e piaciuto lasciate un commento.

Postato sotto: Blog,Informatica,JavaScript