DAFTAR ISI
Nonton Televisi Online

HTML Scroll Boks Warna

Selasa, 02 Februari 2010

CURSOR DI IKUTI OLEH TEKS

Awal saya mempunyai Blog ini melihat sebuah Blog milik salah seorang blogger sangat kagum melihat teks berjalan mengikuti cursor saya aneh kata saya kok bisa ya terus kuputer-puter cursor waduh ramei sekali hati saya bertanya gimana ya caranya bikin yang kaya gitu eee ternyata mudah membuatnya dalam artian bukan membuat code scriptnya terus terang saya tak bisalah membuatnya. Baik langsung saja kita bahas mengenai meletakkan codenya : logen ke Blog anda tentunya kemudian pilih :
  • Tata Letak
  • Tambah Gatget
  • Klik HTML/Java script kemudian Copy code script 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='www.bagi-software.blogspot.com'.split('').reverse().join('');

var font='Verdana,Arial';
var size=3; // up to seven
var color='#F5DEBB3';

// 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+" size="+size+" color="+color+">";

if (ie)
window.pageYOffset=0

// writes the message
if (ns){
for (i=0; i < n; i++)
document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
}
else if (iedom){
document.write('<div id="outer" style="position:absolute;top:0px;left:0px;z-index:30000;"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemsg'+(dom&&!ie? i:'')+'" style="position:absolute;top:0px;left:0;height:'+a+'px;width:'+a+'px;text-align:center;font-weight:normal;cursor:default">'+props+msg[i]+'</font></div>');
document.write('</div></div>');
}
(ns)?window.captureEvents(Event.MOUSEMOVE):0;

function Mouse(evnt){
ymouse = (ns(dom&&!ie))?evnt.pageY+20-(window.pageYOffset):event.y; // y-position
xmouse = (ns(dom&&!ie))?evnt.pageX+20:event.x-20; // x-position
}

if (nsiedom)
(ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
var y=new Array();
var x=new Array();
var Y=new Array();
var X=new Array();
for (i=0; i < n; i++){
y[i]=0;
x[i]=0;
Y[i]=0;
X[i]=0;
}

var iecompattest=function(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body;
}

var makecircle=function(){ // rotation properties
if (ie) outer.style.top=iecompattest().scrollTop+'px';
currStep-=rotation;
for (i=0; i < n; i++){ // makes the circle
var d=(ns)?document.layers['nsmsg'+i]:ie? iemsg[i].style:document.getElementById('iemsg'+i).style;
d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15+(iedom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(iedom? 'px' : ''); // remove *2 for just a plain circle, not oval
}
}

var drag=function(){ // makes the resistance
y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
for (var i=1; i < n; i++){
y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);

}
makecircle();
// not rotation speed, leave at zero
setTimeout(function(){drag();},10);
}
if (nsiedom)
if ( typeof window.addEventListener != "undefined" )
window.addEventListener( "load", drag, false );
else if ( typeof window.attachEvent != "undefined" )
window.attachEvent( "onload", drag );
else {
if ( window.onload != null ) {
var oldOnload = window.onload;
window.onload = function ( e ) {
oldOnload( e );
drag();
};
}
else
window.onload = drag;
}

}
cursor_text_circle();

</script>

Paste dan simpan lihat hasilnya

Keterangan :
Yang berwarna merah ganti dengan teks yang anda suka

Komentar :

ada 13 komentar ke “CURSOR DI IKUTI OLEH TEKS”
gambutku mengatakan...
pada hari 

kodenya panjang banget ya.:D

tenun ikat troso mengatakan...
pada hari 

kepanjangan bos. jadi malas menempelkannya

AR Cava mengatakan...
pada hari 

weeeee pandiang yang penting gw coba ajah

zhetha mengatakan...
pada hari 

kurang panjang :) sory

nice share

YUSRI ANEUK MEUREDU mengatakan...
pada hari 

KODENYA NGK FUNGSI NE GAN....

Chufly™ mengatakan...
pada hari 

hahahahahaha

Ceria Andriawan Cerah mengatakan...
pada hari 

tanks Gan mantaaaff..infonya tapi kenapa kodenya tidak berfungsi Gan?

DEWI SEPTIANI BANJARBARU mengatakan...
pada hari 

NDAK FUNGSI

Sahara Eva mengatakan...
pada hari 

ga berfungsi gan.

Ad~Arfis mengatakan...
pada hari 

kenapa nggak bisa fungsi codenya ya...........?atau ada yang keliru???????

™-my.Blog-™ mengatakan...
pada hari 

warnannya apaaa ?????

™-my.Blog-™ mengatakan...
pada hari 

gan

TK/TPA AL-FATTAH UNIT 050 mengatakan...
pada hari 

Kodenya sudah panjang, gak fungsi lagi gimana Brooooo

Posting Komentar


weather counter

BUKU TAMU


Anda berminat buat Buku Tamu seperti ini?
Klik disini
Read more: Membuat Buku Tamu Melayang di http://paksi-dirgantara.blogspot.com

Pengikut

 
This Blog is proudly powered by Blogger.com | Template by Angga Leo Putra