PageEar è uno script che permette di “arrotolare” le pagine.

Il funzionamento è molto semplice, dopo averlo installato (tramite la procedura che vedremo fra poco) un angolo della vostra pagina web diverrà “sfogliabile”. Al passaggio del mouse lo script mostrerà una nuova immagine a comparsa.

L’effetto è stato implementato con successo sull’angolo superiore destro di questo blog, quindi per vederlo in funzione basterà – se mi leggete attraverso i feed – fare una capatina sul sito, altrimenti basterà scorrere la pagina fino ad arrivare alla parte superiore.

Come implementare lo script?

  1. Scaricate PageEar nel file .zip;
  2. Estraete il contenuto in una directory ed uploadate il tutto nel vostro spazio web;
  3. Sostituite i due file jpg con quelli da utilizzare tenendo presente che di quello grande sarà visualizzata solo la metà in diagonale;
  4. Aprite il file pageear.js con  il vostro editor di testo (blocco note, geditor, dipende dal vostro sistema operativo)  e aggiornate tutti percorsi e il link di destinazione con quelli giusti;
  5. Salvate i file ed uploadate tutto nel vostro spazio;
  6. Aprite la pagina dove volete inserire l’effetto ed inserite fra i due tag <head> il codice:
  7. Fra i tag <body>, meglio se alla fine della pagina, inserite invece: