21.10
Ipoelsz utk Slamanya ( SaefuL Azis )
No comments
Mungkin Lu pernah berkunjung ke suatu blog lalu tiba2 cursornya teman2 diikuti oleh suatu teks. Nah, untuk membuat yang seperti itu sebenarnya gampang bgt, karena kita hanya membutuhkan kode HTML khusus membuat efek tulisan yang mengikuti cursor. Kode HTML yang saya maksud adalah kode berikut ini:
------------------------------------------------------------------------------------------------------------------------------
<script>//mouse//Circling text trail- Tim Tilton//Website: http://www.tempermedia.com///Visit http://www.dynamicdrive.com for this script and morefunction cursor_text_circle(){// your message herevar msg='Ipoelsz utk Slamanya'.split('').reverse().join('');var font='Verdana,Arial';var size=5; // up to sevenvar color='#FF9900';// This is not the rotation speed, its the reaction speed, keep low!// Set this to 1 for just plain rotation w/out dragvar speed=.3;// This is the rotation speed, set it negative if you want// it to spin clockwisevar 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 messageif (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-positionxmouse = (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 propertiesif (ie) outer.style.top=iecompattest().scrollTop+'px';currStep-=rotation;for (i=0; i < n; i++){ // makes the circlevar 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 resistancey[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 zerosetTimeout(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();};}elsewindow.onload = drag;}}cursor_text_circle();</script>
-------------------------------------------------------------------------------------------------------------------------------
Nah, kopi-paste kode di atas ke gadget HTML-nya , lalu jangan lupa disimpan. Beberapa bagian yang bisa Lu ganti yaitu yang berwarna biru (bisa diganti dengan tulisan apa pun), hijau (ukuran font), dan orange (yaitu warna tulisan/font, untuk kode warna bisa dilihat2 di: Bawah Ini Woooyyy.....hahahah-7
Selamat mencari-cari warna Kesuka'an Lu Pada :
#FFFFFF | #FFFFCC | #FFFF99 | #FFFF66 | #FFFF33 | #FFFF00 |
#FFCCFF | #FFCCCC | #FFCC99 | #FFCC66 | #FFCC33 | #FFCC00 |
#FF99FF | #FF99CC | #FF9999 | #FF9966 | #FF9933 | #FF9900 |
#FF66FF | #FF66CC | #FF6699 | #FF6666 | #FF6633 | #FF6600 |
#FF33FF | #FF33CC | #FF3399 | #FF3366 | #FF3333 | #FF3300 |
#FF00FF | #FF00CC | #FF0099 | #FF0066 | #FF0033 | #FF0000 |
2
|
#CCFFFF | #CCFFCC | #CCFF99 | #CCFF66 | #CCFF33 | #CCFF00 |
#CCCCFF | #CCCCCC | #CCCC99 | #CCCC66 | #CCCC33 | #CCCC00 |
#CC99FF | #CC99CC | #CC9999 | #CC9966 | #CC9933 | #CC9900 |
#CC66FF | #CC66CC | #CC6699 | #CC6666 | #CC6633 | #CC6600 |
#CC33FF | #CC33CC | #CC3399 | #CC3366 | #CC3333 | #CC3300 |
#CC00FF | #CC00CC | #CC0099 | #CC0066 | #CC0033 | #CC0000 |
3
|
#99FFFF | #99FFCC | #99FF99 | #99FF66 | #99FF33 | #99FF00 |
#99CCFF | #99CCCC | #99CC99 | #99CC66 | #99CC33 | #99CC00 |
#9999FF | #9999CC | #999999 | #999966 | #999933 | #999900 |
#9966FF | #9966CC | #996699 | #996666 | #996633 | #996600 |
#9933FF | #9933CC | #993399 | #993366 | #993333 | #993300 |
#9900FF | #9900CC | #990099 | #990066 | #990033 | #990000 |
4
|
#66FFFF | #66FFCC | #66FF99 | #66FF66 | #66FF33 | #66FF00 |
#66CCFF | #66CCCC | #66CC99 | #66CC66 | #66CC33 | #66CC00 |
#6699FF | #6699CC | #669999 | #669966 | #669933 | #669900 |
#6666FF | #6666CC | #666699 | #666666 | #666633 | #666600 |
#6633FF | #6633CC | #663399 | #663366 | #663333 | #663300 |
#6600FF | #6600CC | #660099 | #660066 | #660033 | #660000 |
5
|
#33FFFF | #33FFCC | #33FF99 | #33FF66 | #33FF33 | #33FF00 |
#33CCFF | #33CCCC | #33CC99 | #33CC66 | #33CC33 | #33CC00 |
#3399FF | #3399CC | #339999 | #339966 | #339933 | #339900 |
#3366FF | #3366CC | #336699 | #336666 | #336633 | #336600 |
#3333FF | #3333CC | #333399 | #333366 | #333333 | #333300 |
#3300FF | #3300CC | #330099 | #330066 | #330033 | #330000 |
6
|
#00FFFF | #00FFCC | #00FF99 | #00FF66 | #00FF33 | #00FF00 |
#00CCFF | #00CCCC | #00CC99 | #00CC66 | #00CC33 | #00CC00 |
#0099FF | #0099CC | #009999 | #009966 | #009933 | #009900 |
#0066FF | #0066CC | #006699 | #006666 | #006633 | #006600 |
#0033FF | #0033CC | #003399 | #003366 | #003333 | #003300 |
#0000FF | #0000CC | #000099 | #000066 | #000033 | #000000 |
7
|
#465584 | #EEF2F7 | #3A4F6C | #00D | #434951 | #555 |
#777 | #DFE6EF | #345487 | #F5F9FD | #3860BB | #BCD0ED |
#C2CFDF | #F0F5FA | #D1DCEB | #003 | #900 | #CCE9FD |
#E4EAF2 | #4C77B6 | #DFE6EF | #EEF2F7 |
|
|
SeLamat Mencoba ia Sob..dan Kalu Bingung n mau Requeat Ssuatu