Some css trick lessons

Share

Για να δημιουργήσουμε ένα εναλλασσόμενο banner γράφουμε το παρακάτω script  και στην θέση των λέξεων με τα κόκκινα γράμματα γράφουμε την url  του site στο οποίο θέλουμε να οδηγείται ο επισκέπτης πατώντας το banner, στη θέση των λέξεων με τα πράσινα γράμματα γράφουμε την url  του site στο οποίο έχουμε κάνει Upload το banner και στη ...
θέση των λέξεων με τα φούξια γράμματα γράφουμε την περιγραφή του site

<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
b[n++]= "<A HREF='your website'><IMG name=randimg SRC='your image file' border='0' ALT='description'></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT>

Θέλετε να δείτε ένα παράδειγμα?

 Πάμε λοιπόν! Πηγαίνετε Blogger-Πίνακας Ελέγχου-Σχεδίαση-Προσθήκη Gadget βρείτε το ΗΤML/JavaScript και αντιγράψετε τον παρακάτω κώδικα με τα κόκκινα γράμματα και θα πάρετε το banner που εμφανίζεται μετά τον κώδικα. Πατήστε στο banner που εμφανίζεται και θα οδηγηθείτε ανάλογα στο site του ΟΡΦΕΑ της ΕΛΟΤ ή της ΕΤΑΒΕ. Επιστρέψτε πίσω και ω.... του θαύματος η εικόνα αλλάζει με άλλο banner του ΟΡΦΕΑ της ΕΛΟΤ ή της ΕΤΑΒΕ κ.ο.κ. Επέλεξα η εμφάνιση των Banners να είναι τυχαία για περισσότερο suspense. Μπορείτε να παίξετε με τις url για να δημιουργήσετε τα δικά σας banners που να οδηγούν στα Links που εσείς επιθυμείτε. Τέλος θα ήταν χαρά μας εάν περνούσατε τον κώδικα στο site σας για να γνωρίσουν οι επισκέπτες σας και το δικό μας site. Καλή διασκέδαση!!!!!

<script language="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<a HREF='http://orfeasalexandroupolis.blogspot.com/'><img name=randimg SRC='http://i1126.photobucket.com/albums/l605/yiannistsa100/tkd125x125.jpg' border='0' ALT='ΟΡΦΕΑΣ'></A>"
b[n++]= "<a HREF='http://www.elot-tkd.gr/elot/'><img name=randimg SRC='http://i1126.photobucket.com/albums/l605/yiannistsa100/elot.png' border='0' ALT='ΕΛΟΤ'></A>"
b[n++]= "<a HREF='http://www.etabe.gr/'><img name=randimg SRC='http://i1126.photobucket.com/albums/l605/yiannistsa100/a8b25ee9.png' border='0' ALT='ΕΤΑΒΕ'></A>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</script></div>