Saturday, June 26, 2010

Special mOuse cUrsOrs

16

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 GigitaN:

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

panjangnyer......isk3..ehehehe

wat sendri ke coding ni??
i luv programing~

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

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

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

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

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

em.. hodoh la.. seswai ngan laki jer

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

walaweh.
panjang nyer code.
=.="

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

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

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

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More