ΚΕΙΜΕΝΟ ΠΟΥ ΑΚΟΛΟΥΘΕΙ ΤΟΝ ΚΕΡΣΟΡΑ

Εφέ κειμένου που θα ακολουθεί τον κέρσορα μέσα στη σελίδα σας. Ένα πολύ ωραίο εφέ που θα ακολουθεί τον κέρσορα σε όλη την σελίδα σας. Μπορείτε να το προσαρμόσετε στα δικά σας γούστα. Είναι σε μορφή gadget και είναι πολύ εύκολο να το βάλετε και εσείς στο δικό σας blog.

Πάμε βήμα προς βήμα να δούμε πως θα τα βάλετε! 

1..Πίνακας ελέγχου2..Σχεδίαση

3..Στοιχεία Σελίδας

4..Προσθήκη gadget

5..HTML/JavascriptΚαι μέσα στο gadget βάζουμε τον παρακάτω κώδικα:

<script language="javascript">
var text='....το κείμενο σας εδώ...';
var delay=40;
var Xoff=0;  
var Yoff=-30;  
var txtw=10;
var beghtml='<font color="#85F3FF"><b>';
var endhtml='</b></font>';
//********** 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 name="txt'+i+'" top="-100" left="0" width="'+txtw+'" 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>

***Μπορείτε να αλλάξετε το χρώμα του κειμένου αλλάζοντας το 85F3FF  
Τούς κώδικες των χρωμάτων μπορείτε να τους βρείτε από εδώ 


http://stagona-stagona.blogspot.com/

Posted in:

Γράψτε το e-mail σας για να ενημερώνεστε πρώτος! Ακολουθήστε μας!