ΑΡΧΙΚΗ ΚΑΤΑΣΚΕΥΗ Bloggs ΚΩΔΙΚΑΣ html JavaScript ΕΙΣΑΓΩΓΗ ManiacΑΝΑΛΥΣΗ Site ΕΙΔΗΣΕΩΝ GadgetManiac ΓΕΝΙΚΑ

Σάββατο, 9 Φεβρουαρίου 2013

ΕΦΕ ΕΛΑΣΤΙΚΟΥ ΚΕΙΜΕΝΟΥ

  Τον κώδικα  ενός κείμενου που κινείται ελαστικά παρουσιάζω πιο κάτω.Πολύ καλό εφέ για κόποι σημείο του blog μας που θέλουμε να τονίσουμε.Μπορούμε να το βάλουμε σαν gadget στο σαιτ μας.
 Πάμε λοιπόν
:
 
Σχεδίαση  > Διάταξη > Προσθήκη  gadget > HTML/JavaScript > Επικόλληση κώδικα >Αποθήκευση

<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="en-us">
<title>Elastic text</title>
</HEAD>

<BODY BGCOLOR="#FFFFFF">

<p>If you enjoy it, visit my site <a href="url site">here</a></p>

<p align="center" ID='elastic' style="font-size:25px; position:relative; top:100px;">
<!-- put desired text below. Replase my text.  HTML tag allowed-->
<a href='url site'>Visit my site</a>
<!-- put desired text above. Replase my text. HTML tag allowed -->
</p>

<script LANGUAGE="JavaScript">
string="<a href='url site'>Visit my site</a>"   // string to elastic text
pausetime=100; // time to elastic effect. Decrease to slow

// do not modify below this line
var sizes = new Array("-8px","-4px","-2px","-1px","0px", "1px", "2px", "4px", "8px", "16px", "32px");
sizes.pos = 0;

function rubberBand()
 {
  var el = document.all.elastic;
  if (el.direction==null)  {el.direction = 1;}
  else if ((sizes.pos > sizes.length-2) || (sizes.pos==0)) {el.direction *= -1;}
  el.style.letterSpacing = sizes[sizes.pos += el.direction];
  setTimeout('rubberBand()',pausetime);
}


//document.all.elastic.innerHTML=string;
rubberBand();

</script>
</BODY>
</HTML>
</HTML>


κόκκινο το σημείο που θα παραπέμπει
μπλε το μήνυμα που θα μεταδίδει 
ροζ το χρωμα του κειμενου

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.