Special mOuse cUrsOrs



akhirnya aku share gak benda yg aku syang nie..
special mouse cursors bentuk ekor unta ahaks..
dlu bkan aku xnak share tp xjmpa code utk display
html yg pnjang2 gedabak nie...
ble dah rmai sngat yg mintak so aku cari la gak ..

<style type="text/css">
#outerCircleText {
font-style: italic;
font-weight: bold;
font-family: 'comic sans ms', verdana, arial;
color: #2222EE;

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 = "WeLcomE tO AbgFeroZ Blog InC.!";
var size = 24;
var circleY = 0.75; var circleX = 2;
var letter_spacing = 5;
var diameter = 10;
var rotation = 0.4;
var speed = 0.3;
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>




p/s... jangan mrajuk2 lagi okeyyhhh....


16 comments

AbgFeroZ said...

cursors nie utk yg berminat ja..
xm0h tuh diam2 sudeyy..

nas said...

panjangnyer......isk3..ehehehe

Farah Lavida said...

wat sendri ke coding ni??
i luv programing~

AbgFeroZ said...

a'ah pnjang tp xberat kowt...
orang pnye tp edit sket2 kasi pendek :)

Farah Lavida said...

wah..
tp leyh x ubah coding jgn kasi word 2 pusing2..da apply kat blog ..bt ble tgok lelame pning lalat trus..haha..
den i removed it..huhu

AbgFeroZ said...

hahaha apew da pergi tgok lame2 buat pe menda tuhh..

RedBoy said...

wahhh... codingnya leh tahan... aku xmau buat ni nnty pening lalat plak...

Eciz said...

mu tawu jo den cari coding mende ni. tapi nak yang terletak je. bukan pusing. ada tak? he

PinQib said...

em.. hodoh la.. seswai ngan laki jer

AbgFeroZ said...

hodoh ? sesuai dngan laki ?
yg mintak code nie smuanye prempuan... isk isk..

✿ Cik Cimi said...

walaweh.
panjang nyer code.
=.="

yahaya said...

blog yg pasang cursor ada text ada masaalah nak taip kat shoutbox..dah byk blog saya jmpa..sebenarnya x perlu pun benda mcm ni...

AbgFeroZ said...

yahaya... xda msalah pownn sbenarnya.. kita nak taep xkan nak pkai mouse gak..
mouse cmpak tepi la time taep tuh..

suzie rahman said...

sweet! nice bngt..thks!

MiSsHacKs c@yUNk_sUmP'z said...

lau nk wrna laen bleh x?

Pa'an Healers said...

Thanks ye...
Nak tukar warne len...
G kat koding tu...
G kat colour...
tukar la kod tu...
Tulis la red nak merah....
green nak hijau...

Powered by Blogger.