Jomas Firdaus: Halo Letra Halai Tuir Kursor iha Blog

Atu halo ita nia blog ne'e vizita hela deit husi vizitante sira, presija iha animasaun balun ne'ebe mak jeitu no gostu atu hare'e.
Tamba ida ne'e iha artikel ida ne'e ha'u hakerek ho Topiku " Halo Letra Halai tuir Kursor" husi topiku ida ne'e ha'u fiar katak maluk sira hatene tiha ona no kompriende tiha ona konaba topiku ne'e.
Hanesan ita hatene ona iha blog balun ne'ebe mak iha ninia blog ne'e iha liafuan ou naran halai ka hadulas tuir kursor mouse nian.
Ok ... ! Duke koalia barak diak liu hamenus tempu hodi nune'e bele lalais atu halo furak ita nia Blog ... wkwkwkwkwk
Diak ... tuir mai ne'e dalan no metode simples ida ne'e mak konaba oinsa atu halo liafuan halai haleu kursor :

Logging ba iha ita nia DasBoard (Tama iha ita nia DasBoard);
Tuir mai Klik iha GadGate/ Tata Letak;
Tambah Gadgate baru;
Hili HTML/ JavaScript;
Kopia kode tuir mai ne'e no hatama (paste) iha ita nia gadgate/ tata letak :

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'>
//<![CDATA[

;(function(){

// hatama liafuan iha ne’e,ho makasae dehan "sobu asa ma lee mutu kusa.." hehehe... (QUOTED STRING)
var msg = "Jomas Firdaus";

// Set font's style size for calculating dimensions
// Set to number of desired pixels font size (decimal and negative numbers not allowed)
var size = 25;

// Set both to 1 for plain circle, set one of them to 2 for oval
// Other numbers & decimals can have interesting effects, keep these low (0 to 3)
var circleY = 0.75; var circleX = 2;

// The larger this divisor, the smaller the spaces between letters
// (decimals allowed, not negative numbers)
var letter_spacing = 5;

// The larger this multiplier, the bigger the circle/oval
// (decimals allowed, not negative numbers, some rounding is applied)
var diameter = 10;

// Rotation speed, set it negative if you want it to spin clockwise (decimals allowed)
var rotation = 0.2;

// This is not the rotation speed, its the reaction speed, keep low!
// Set this to 1 or a decimal less than one (decimals allowed, not negative numbers)
var speed = 0.3;

// LABELE HADIA..! Erau mi giagini! Mimi ii aiumu..! //

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>

NB : Buka Liafuan ne'ebe mak ho marka Jomas Firdaus no troka ba liafuan ne'ebe mak ita hakarak uza hodi halai no hadulas Kursor Mouse nian.

To'o iha ne'e dalan metode atu halo letra halai tuir kursor, ha'u espera katak ho artikel ida ne'e bele hata'an ba maluk sira nia preokupasaun konaba vizitante nia vizita.

Keta haluha Komentar hela eheheheheh

Good Luck . . .

Jomas Firdaus

Halo Letra Halai Tuir Kursor iha Blog

Tidak ada komentar:

Posting Komentar