Κείμενο που ακολουθεί το βελάκι του ποντικιού

buzz this
Αν θέλετε να έχετε ένα ξεχωριστό blog που να διαφέρει από τα υπόλοιπα τότε πρέπει να διαβάσετε αυτό το ποστ! Θα σας δείξω πως να βάλετε στο blog σας κείμενο που θα ακολουθεί το βελάκι του ποντικιού των επισκεπτών σας όταν αυτοί είναι μέσα στο blog σας.
Αυτό θα κάνει το blog σας ξεχωριστό!

Για να το βάλετε στο blog σας ,ακολουθήστε τα παρακάτω βήματα:



1. Συνδεθείτε στον λογαριασμό σας

2. Πανόπτης >Διάταξη >Προσθήκη gadget >HTML/JavaScript

3. Επικολλήστε εκεί τον παρακάτω κώδικα:

<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='ΓΡΑΨΤΕ ΕΔΩ ΟΤΙ ΚΕΙΜΕΝΟ ΘΕΛΕΤΕ...';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer left="0" top="-100" width="'+txtw+'" name="txt'+i+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

Αλλάξτε το κείμενο (ΓΡΑΨΤΕ ΕΔΩ ΟΤΙ ΚΕΙΜΕΝΟ ΘΕΛΕΤΕ...) και γράψτε αυτό που θέλετε να ακολουθεί το ποντίκι σας.

(Συμβουλή:μην βάλετε μεγάλο κείμενο το πολύ 2-3 λέξεις)

4. Μην ξεχάσετε να πατήσετε αποθήκευση κι είστε έτοιμοι!
Twitter Delicious Facebook Digg Stumbleupon Favorites More

0 Σχόλια:

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

Αρχική Σελίδα | Facebook Σελίδα | Γίνε Συντάκτης | Blogger Tricks | Δωρεάν Υλικό | Υπηρεσίες | Διαφήμιση | Αρχείο | Επικοινωνία | Όροι Χρήσης
Copyright iks-Team.com | Blogger Tips & Tricks. All rights reserved. Άδεια Creative Commons