Terjemahan

Silahkan masukan kalimat bahasa yang anda inginkan untuk diterjemahkan oleh "Google terjemahan"

Senin, 01 Maret 2010

Buat Cursor Yang Diikuti Text

Cara Buat Cursor Yang Diikuti Text
Setelah sekian lama dalam pencarian trik ini akhirnya saya menemukan nya di sebuah blog yang berjudul Pingin Belajar, Bagi yang belum tahu apa yang di maksud dengan judul di atas silahkan liaht blog utma saya (http://daftardapatuang.blogspot.com).
Baik lah langsung adjah ya, kalian pasti bosen baca tulisan saya yang g karuan ya...^^
Pertama buka blog anda
Pilih tata letak>>Tambah Gadgets>>Pilih html/Javascript>>Masukan kode berikut

<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='belajar blog'.split('').reverse().join('');


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


// 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 (ie||dom){
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 (ns||ie||dom)
(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+(ie||dom? 'px' : '');
d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2+(ie||dom? '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 (ns||ie||dom)
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>


Kalimat yang berwarna merah silahkan di ganti dengan kata-kata yang anda inginkan.
SELAMTA MENCOBA!!






........

0 komentar:

Posting Komentar

Kalau Sobat sempet tinggalin coment,ya...?

Code HTML

Frame
<iframe src="http://namasitus_anda.com/" width="530" height="300" scrolling="yes"></iframe></div></div>
Show Hide
<div style="margin-bottom: 1px;"><i><b><small></small></b></i><input style="margin: 0px; padding: 0px; width: 450px; font-size: 15px;" value="Klik disini" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Sembunyikan&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Klik disini&#39;; }" type="button" /></div> <div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
tulisanmu disini
</div></div>
Teks Boks
<div class="widget-content"> <div style="overflow:auto;width:100%;height:340px;"> <p align="center"> <p style="MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px" align="center">
your teks
</a></center></div></div></div></div>

Image
<img src="http://sphotos.ak.fbcdn.net/hphotos-ak-snc3/hs028.snc3/11551_102358339789374_100000456255869_59579_6929097_n.jpg" style="font-weight: bold; height: 485px; margin: 1px 12.5px; width: 300px;" />

Coment facebookku
<div id="fb-root"> </div> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"> </script><fb:comments href="mix-sains.blogspot.com" num_posts="10" width="430"></fb:comments>
 

Color HTML

Cbox ( Tinggalkan Pesan )

Radio Dakwah

Transparant ajah Blog muji yang lain di idesemua.blogspot.com