10.21.2010

Teks Mengikuti Cursor II

Ini Posting Buat Yang Belum tau ja ..
Menuju TKP

Login Jangan Lupa
Masuk ke Rancangan >> Element Halaman
Tambah Gedget >> HTML/JavaScript
Masukin Code Berikut :

<script language="javascript">


// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='GuemBHeL Elite';//ganti message-nya

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-15; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=20; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#FF0000"><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=-100;
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,-100);
moveid(txtA[i],0,-100);
}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>


Ganti Teks Yang bewarna Merah Dengan nama anda atau yang laen ...

Last > Klik Simpan ..
:D

Don't Forget To Comment ..

37 comments:

  1. udah saya coba tapi gak berhasil bos

    ReplyDelete
  2. wkwkwkwk lewat html taro diatas apaan neh bos jangan jangan si bos copas pelajaran neh lagi.....

    ReplyDelete
  3. Yup berhasil,,,tapi terlalu mojok..kurang ketengah..ganti warnanya gmn?

    ReplyDelete
  4. gan kok tiap gua masukin tu kode ke blog saya. kok tiba" blog saya berat"?

    ReplyDelete
  5. gan pencerahannya donk...
    koq jauh bngt textnya...
    saya pengennya kaya agan tuh textnya
    klo gk, ksih tau biar ngeganti jaraknya

    ReplyDelete
  6. Mantap...
    Thanks banget buat infonya ya..

    ReplyDelete
  7. klu bisa lebih lengkap dan lebih terperinci, buat kami pemula????????>>>>>

    ReplyDelete
  8. KAKA, KALO YANG BIASA KAN TULISANNYA DI ATAS KURSOR TUH.

    SUPAYA DIBAWAH BAGAIMANA?

    YANG DIRUBAH APANYA?

    ReplyDelete
  9. cara y bkin tulisan d menu barr gmn y,,,,mnt scip y donx mas,,,,

    ReplyDelete
  10. wech iya.....
    udah tak coba tapi kog ndak bisa ya....

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Bisa kok !! bisa

    http://love-it-or-dead.blogspot.com/

    ReplyDelete
  13. alah atik lah.........
    di coba gx bisa bisa.....

    ReplyDelete
  14. udah dicoba tetep ga bisa gan, gimana tuh?
    bales ye gan


    http://mgnzsyafira.blogspot.com/

    ReplyDelete
  15. ded kalo mau di kotakin gitu scriptnya gmna caranya ded ??
    mohon pencerahannya ^_^

    ReplyDelete
  16. udah ku coba tapi kok jaraknya dari kursor jauhh???

    ReplyDelete
  17. Makasih semuanya udah mampir :cium:

    ReplyDelete
  18. http://document-strings.co.tv/images/emot/m043.gif

    Subhanallah, perlu dilihat smw nie tulisany

    ReplyDelete
  19. gakk biisa ... udah brkali2 di cOba ...

    ReplyDelete
  20. ass ... mau tanya gan ..bikin yang ada home ,browes,computer gitu gimana cara nya .. tolong yak inform nyaa .. :)

    ReplyDelete
  21. ya ni aku gak bisa2 ni,malah berkali2 tak cobak te2p gak bisa,tolong di bantu ya gan........!

    ReplyDelete
  22. http://andhika-ramadhan.blogspot.com/
    buka itu ya tolong

    ReplyDelete