Apa Yang Anda Cari?
Loading
Selasa, 19 April 2011
Cara Membuat Text Melayang Mengikuti Gerak Kursor
Mungkin anda pernah melihat di sebuah blog atau website text yang bisa melayang mengikuti kursor mouse.Mungkin anda ingin juga menambahkan efek text melayang tersebut pada blog atau website anda dan anda masih bingung bagaimana caranya.Berikut saya akan mencoba menjelaskan caranya:
Untuk yang pertama kita bisa masuk ke account blog
Lalu ke menu (tata letak)
Pilih (tambah gadget)
Kemudian tambah (html/javascript)
Dan teman-teman bisa copy kode dibawah ini:
<script>
//mouse
//Circling text trail- Tim Tilton
//Website: http://www.tempermedia.com/
//Visit http://www.dynamicdrive.com for this script and more
function cursor_text_circle(){
// your message here
var msg='selamat datang'.split('').reverse().join('');
var font='Verdana,Arial';
var size=3; // up to seven
var color='##0000FF';
// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 for just plain rotation w/out drag
var speed=.3;
// This is the rotation speed, set it negative if you want
// it to spin clockwise
var rotation=-.2;
// Alter no variables past here!, unless you are good
//---------------------------------------------------
var ns=(document.layers);
var ie=(document.all);
var dom=document.getElementById;
msg=msg.split('');
var n=msg.length;
var a=size*13;
var currStep=0;
var ymouse=0;
var xmouse=0;
var props="<font face="+font+" color="+color+" size="+size+">";
if (ie)
window.pageYOffset=0
// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="nsmsg'+i+'" height="+a+"><center>'+props+msg[i]+'</font></center></layer>');
}
else if (ie||dom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;">
Untuk teks (selamat datang) bisa diganti sesuai yang anda inginkan dan kode (#0000FF) adalah warna pada teks juga bisa diganti menjadi warna yang berbeda sesuai yang anda diinginkan
Semoga Bermanfaat!!!
Langganan:
Posting Komentar (Atom)
ko ga bisa tampil........
BalasHapusBener banget gak bisa tampil, kalau mau posting tolong dipraktekan dulu dooooooong...
BalasHapuswah, thx infonya gan
BalasHapus