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
  • Foto-Foto Novi Amalia Terbaru Juli 2013
    Foto-Foto Hot Novi Amalia Terbaru | Update Foto-Foto Hot Novi Amalia Terbaru Juli 2013 .- Akhir-akhir ini masyarakat di hebohkan dengan ti...
  • Foto Bus Persib yang di Lempar Oknum Jak Mania
    Foto Bus Persib yang di Lempar Oknum Jak Mania .- Selamat malam sahabat sebagin info kali ini mimin akan share foto-foto bus persib yang ter...
  • Apa Yang Akan Terjadi Pada Mayat Ketika di Dalam Kubur
    Taukah kamu apa yang akan terjadi pada mayat manusia ketika susdah berada di dalam kubur ? Mayat manusia yang sudah di kuburkan akan melewat...
  • Foto Sampul Facebook Hello Kitty
    Setelah sebelumnya Bangiz berbagi foto sampul facebook galau versi anime, untuk kali ini Bangiz mau berbagi tentang sampul tokoh kartun ...
  • Wallpaper Lucu HD Terbaru
    Setelah sebelumnya saya berbagi tips dan trik blogging yaitu Cara Membuat Label Keren Dengan Efek Bergerak dan Wallpaper Kartun Cinta Rom...
  • 5 Fakta Unik Tentang Hari Kemerdekaan Indonesia
    Oh ternyata ada 5 Fakta Unik Tentang Hari Kemerdekaan Indonesia. Kejadian - kejadian  unik sejarah bangsa indonesia ini bisa di simak disin...
  • Foto Sampul Anime
    Akhirnya bisa berbagi lagi dengan Anda semua, setelah kemarin-kemarin sibuk. Maksudnya sibuk mengganti dan mengedit-edit template :). Ada...
  • Foto Sampul Facebook Hello Kitty Terbaru
    Apakah Anda termasuk salah satu penggemar Hello Kitty? Jika iya, tidak ada salahnya jika Anda juga menggunakan timeline atau sampul face...
  • Wallpaper Kartun Cinta Romantis Terbaru
    Untuk Anda yang suka dengan kartun, sengaja kali ini saya bagikan wallpaper kartun. Jenis kartunnya sendiri banyak sekali macamnya. Se...
  • Wallpaper Keren Terbaru
    Pada tahun 2013 ini bumi kita sudah semakin tua, begitu juga dengan usia kita tentunya semakin berkurang. Berbagai tipe fisik maupun p...

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