Tutorial >> Tulisan Mengikut Apabila Gerakan Cursor

Friday, November 04, 2011

Tutorial >> Tulisan Mengikut Apabila Gerakan Cursor

Assalamualikum ^^
Mari Belajar Tutorial.. mungkin ada ramai yang dah buat tuto ni.. tapi masik ada yang tak tahu.. dan resquest kat lily.. ok hari dengan berbesar hatinya lily mengajar..ok jum mula >,<

First..
1. Dari dashboard > design > add a gadget > HTML/javascript

2. Copy dan paste kod berikut dalam html/javascript ok.

<style type="text/css">/* Circle Text Styles */#outerCircleText {font-style: normal;

font-weight: normal;

font-family: 'comic sans';

color: #FF0080;

position: absolute;top: 0;left: 0;z-index: 3000;cursor: default;}

#outerCircleText div {position: relative;}

#outerCircleText div div {position: absolute;top: 0;left: 0;text-align: center;}

</style>

<script type="text/javascript">

;(function(){

var msg = "Perkataan anda di sini";var size = 24;

var circleY = 0.75; var circleX = 2;

var letter_spacing = 5;

var diameter = 10;

var rotation = 0.4;

var speed = 0.2;

if (!window.addEventListener && !window.attachEvent || !document.createElement) return;

msg = msg.split('');

var n = msg.length - 1, a = Math.round(size * diameter * 0.208333), currStep = 20,

ymouse = a * circleY + 20, xmouse = a * circleX + 20, y = [], x = [], Y = [], X = [],

o = document.createElement('div'), oi = document.createElement('div'),

b = document.compatMode && document.compatMode != "BackCompat"? document.documentElement : document.body,

mouse = function(e){

e = e || window.event;

ymouse = !isNaN(e.pageY)? e.pageY : e.clientY; // y-position

xmouse = !isNaN(e.pageX)? e.pageX : e.clientX; // x-position

},

makecircle = function(){ // rotation/positioning

if(init.nopy){

o.style.top = (b || document.body).scrollTop + 'px';

o.style.left = (b || document.body).scrollLeft + 'px';

};

currStep -= rotation;

for (var d, i = n; i > -1; --i){ // makes the circle

d = document.getElementById('iemsg' + i).style;

d.top = Math.round(y[i] + a * Math.sin((currStep + i) / letter_spacing) * circleY - 15) + 'px';

d.left = Math.round(x[i] + a * Math.cos((currStep + i) / letter_spacing) * circleX) + 'px';

};

},

drag = function(){ // makes the resistance

y[0] = Y[0] += (ymouse - Y[0]) * speed;

x[0] = X[0] += (xmouse - 20 - X[0]) * speed;

for (var i = n; i > 0; --i){

y[i] = Y[i] += (y[i-1] - Y[i]) * speed;

x[i] = X[i] += (x[i-1] - X[i]) * speed;

};

makecircle();

},

init = function(){ // appends message divs, & sets initial values for positioning arrays

if(!isNaN(window.pageYOffset)){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

} else init.nopy = true;

for (var d, i = n; i > -1; --i){

d = document.createElement('div'); d.id = 'iemsg' + i;

d.style.height = d.style.width = a + 'px';

d.appendChild(document.createTextNode(msg[i]));

oi.appendChild(d); y[i] = x[i] = Y[i] = X[i] = 0;

};

o.appendChild(oi); document.body.appendChild(o);

setInterval(drag, 25);

},

ascroll = function(){

ymouse += window.pageYOffset;

xmouse += window.pageXOffset;

window.removeEventListener('scroll', ascroll, false);

};

o.id = 'outerCircleText'; o.style.fontSize = size + 'px';

if (window.addEventListener){

window.addEventListener('load', init, false);

document.addEventListener('mouseover', mouse, false);

document.addEventListener('mousemove', mouse, false);

if (/Apple/.test(navigator.vendor))

window.addEventListener('scroll', ascroll, false);

}

else if (window.attachEvent){

window.attachEvent('onload', init);

document.attachEvent('onmousemove', mouse);

};

})();

</script>

3. Save.
** Merah masukan perkataan anda.
** Biru Untuk menukar warna tulisan Klik sini.

1 comment:

Anonymous said...: Deco is extremely captivating, said Lasell professor Jill Carey. Continues to captivate. There is a strong appeal in the mix of feminine softness juxtaposed with hardedge geometerics. NEW YORK, Oct. 29 /PRNewswire/ Students from New York City public school PS 165 assisted Procter Gamble's Bounty brand along with Rush Philanthropic Arts Foundation cofounder and entertainment mogul Russell Simmons, hiphop pioneer Joseph "Rev. Run" Simmons, American fashion designer and humanitarian Tory Burch, and artist Amanda Williams in unveiling the completed Building Bountyful Bridges 33foot painted mural.

Thanks for visiting Our store place turn sold details about the prepared MoveWednesday, June 19 isn't it time pertaining to your new online? Almost everything to assert? TSA turns around taking over up chef's knives the best unhazardous what if your Carryplastic back pack outstanding AA's procedure Boarding revealed discussion forum lists Bye Bye"Nudeoscopes" Things on discount sales you need to hope Tripadvisor? Attire inspect: Lat 56 Holdall the space in your yard in the airliner saddle? Hong Kong Duck Deflated Airline negotiated monetary cost throwing up another advantage to pack it tones deleting earbuds airline carriers purchase wrecked things? Skull cap Creek announcement sale price continue lost should you CarryOn? Machines read through: Lat 56 more compact Messenger the event that odd Sighting in Hong Kong harbour Frontier airline carriers to start out with receiving a bunch of Pax towards CarryOn usa grows improvement repayment

michael kors outlet online

Herr Senk, der zuletzt als Chief Executive Officer bei Urban Outfitters, Inc. (NASDAQ: URBN) t war, ist eine in der Branche hoch angesehene F und kann au Erfolge bei der Entwicklung und Expansion von effektiven MultiVertriebswegen sowie multinationalen Einzelhandels und Gro vorweisen. Senk wird mit einer Eigentumsquote am Unternehmen beteiligt, das in Privatbesitz ist und eigent wird..

coach sees soft north american sales

[url=http://www.easternmarket.net/news050108.html]michael kors handbags outlet[/url]

I enjoy a bigger purse your week, Having said that I really love catching several requirements and furthermore putting items within clutch before moving out the actual event. Haves personalized mobile(If perhaps the actual young females really really want everyone), Browsing the material glasses(Can see a thing on recption menus without one) And naturally a well liked lip stick. As an aside, At the moment therefore i'm absolutely deeply crazy about"Lip gloss princess old, Without a doubt astoundingly hydrating and a good protection attached to shear yellow. Novel"Examine out" Loved.

Yet unfortunately Yu child beggar advertising has not yet been freed complaint and after that battle. A number of them netizens inquired perhaps the advertising plan could very well figure to look in addition to a level of additional data security infraction, In case young adults is likely retaliated hostile to or even a a greater distance mistreated because the system, With stated inquiries an move normally can sometimes be a useful supplement.; January 20, 2014 at 12:55 AM