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 ulasan

Unknown berkata...

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

Nas berkata...

panjangnyer......isk3..ehehehe

FaraLavida berkata...

wat sendri ke coding ni??
i luv programing~

AbgFeroZ berkata...

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

FaraLavida berkata...

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

Unknown berkata...

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

RedBoys berkata...

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

Bukan Eciz berkata...

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

Qib berkata...

em.. hodoh la.. seswai ngan laki jer

Unknown berkata...

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

cimi berkata...

walaweh.
panjang nyer code.
=.="

sibersensasi berkata...

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

Unknown berkata...

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

suzie rahman berkata...

sweet! nice bngt..thks!

Cik Ema berkata...

lau nk wrna laen bleh x?

Tanpa Nama berkata...

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...

Dikuasakan oleh Blogger.