Cara Membuat Efek Tulisan / Text Pada Cursor Mouse

  • dunia hitam
  • kata
    • kata lucu
    • kata bijak
    • kata mutiara
    • kata cinta
    • kata gokil
  • lucu
    • gambar lucu
    • pantun lucu
    • tebakan lucu
    • kata lucu
    • cerita lucu
  • berita
    • berita unik
    • berita politik
    • berita artis
    • berita aneh
  • kesehatan
    • asam urat
    • kanker
    • jantung
    • hepatitis
    • ginjal
    • asma
    • lambung
  • gambar
    • gambar unik
    • gambar lucu
    • gambar aneh
    • gambar animasi
    • video lucu
  • hoby
    • burung
    • ikan
    • piaraan
  • contoh
    • surat lamaran
    • recount text
    • descriptive text
    • curriculum vitae
    • deskripsi
  • video
    • video lucu
    • video hantu
    • video polisi
    • video totorial
    • video panas
    • video lagu
  • blog
    • SEO
    • template
    • script
    • widget
    • backlink
    • imacros
  • komputer
    • excel
    • macro excel
Home » blogging » Tips dan Trik » Cara Membuat Efek Tulisan / Text Pada Cursor Mouse

Cara Membuat Efek Tulisan / Text Pada Cursor Mouse

Berikut ini Bangiz akan berbagi tentang cara menambahkan efek pada cursor mouse. Setelah sebelumnya posting tentang

Cara Membuat Efek Salju Pada Cursor Mouse

kali ini efeknya berupa tulisan / text yang dapat mengikuti cursor mouse Anda tentunya di blog. Oke langsung saja caranya sebagai berikut:


1. Silahkan tambahkan kode HTML/Javascript berikut ini:
    Jika belum tahu cara menambahkan HTML/Javascript silahkan baca dulu disini
<script language="javascript">
// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='Tuliskan kata-kata Anda Disini';
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. Jangan lupa simpan dan lihat hasilnya


Keterangan:
--> Silahkan ganti tulisan yang berwarna merah dengan kata-kata Anda
--> Yang berwarna biru merupakan kode warna, untuk menggantinya silahkan lihat disini atau disini
Ditulis oleh Unknown, Minggu, 23 Juni 2013 22.17- Rating: 4.5

Judul : Cara Membuat Efek Tulisan / Text Pada Cursor Mouse

Deskripsi : Berikut ini Bangiz akan berbagi tentang cara menambahkan efek pada cursor mouse. Setelah sebelumnya posting tentang Cara Membuat Efek...
keyword :Cara Membuat Efek Tulisan / Text Pada Cursor Mouse, blogging, Tips dan Trik
Posting Lebih Baru
Posting Lama
Beranda
Postingan Populer
  • Wallpaper Gambar Kucing Dengan Kata Kata
    Setelah sebelumnya Bangiz berbagi tentang foto sampul Barcelona dan juga wallpaper Autumn . Pada kesempatan kali ini Bangiz akan berbag...
  • 5 Aksi Jokowi Mata-matai Anggaran
    Jangan coba-coba bermain menyelewengkan anggaran DKI Jakarta. Gubernur DKI Jakarta Joko Widodo (Jokowi) punya beragam cara mengontrol APBN 2...
  • Hotel Bawah Tanah Terdalam di Dunia
    Hotel Bawah Tanah Terdalam Di Dunia Ingin merasakan tinggal di hotel yang lain dari biasanya? Jika ya, mungkin inilah saatnya anda mengunjun...
  • Kata Mutiara, Kata Bijak, Kata Cinta, Kata Motivasi, Kata Lucu dan Kata Galau dengan Gambar
    Pada kesempatan kali ini saya berbagi tentang kata-kata mutiara. Maklumlah hampir semua orang khususnya mulai dari orang yang beran...
  • Aneh, Orang Ini Merasa Nyaman Tinggal di Kuburan
    Seorang warga miskin pindah dan menempati sebuah kuburan berumur 100 tahun setelah kehilangan rumahnya. Pria tersebut bernama Bratislav Stoj...
  • Hati-hati, Kebiasaan 'Ehm.. Ehm..' Banyak Bahayanya
    Berdeham atau mengeluarkan suara 'ehm..' seperti batuk kecil yang tertahan sering dilakukan orang untuk banyak alasan, baik karena s...
  • Cara mendaftarkan blog ke w3 directory
      Kali ini saya akan share  Cara mendaftarkan blog ke w3 directory  untuk mendapatkan backlink berkualitas secara  gratis, dengan...
  • Foto Pertama iPhone 5S Bocor di Internet
    Di tahun 2013 ini Apple diyakini akan kembali meluncurkan iPhone model terbaru. Kabarnya, perusahaan yang didirikan Steve Jobs ini akan meri...
  • Foto: Uniknya Kendaraan Anti Banjir di Thailand
    Banjir yang melanda kota besar terkadang menyulitkan kita untuk melakukan transportasi darat perlu kendaraan khusu untuk menembus genangan b...
  • Membuat Komentar Facebook dan Blogger Berdampingan
    Pada kesempatan kali ini Bangiz mau berbagi tentang tips dan trik blogging. Yang akan kita bahas kali ini yaitu tentang komentar ...

Info dunia hitam © Cara Membuat Efek Tulisan / Text Pada Cursor Mouse