Click Here To Main Page My Biodata To Share My Photography Artworks All My Stories Here Islamic Dakwah For Us Usefull Tips and Tutorial Order Here!

Monday, September 12, 2011

Tutorial Sparkling Cursor Rainbow Effect

Hi kowrang.... da lme daa Nurul x update status kn....hehee... hri nie Nurul nk uwat tuto Sparkling Cursor Rainbow Effect...


Apeeee tu Sparkling Cursor Rainbow Effect ek??

kowrang pasan x cursor Nurul 2 ade warne warni bile kowrang halekan cursor tu?

Erm, tu lee Sparkling Cursor Rainbow Effect.. lawa kn bende tu? ade rainbow lgi..hehee..

Law nk copy kod yg pnjang lebaw nie...


<script type='text/javascript'>
    // <![CDATA[
    function initCursor() {
    if (document.getElementById) {
    var i, rats, rlef, rdow;
    for (var i=0; i<sparkles; i++) {
    var rats=createDiv(3, 3);
    rats.style.visibility="hidden";
    document.body.appendChild(tiny[i]=rats);
    starv[i]=0;
    tinyv[i]=0;
    var rats=createDiv(5, 5);
    rats.style.backgroundColor="transparent";
    rats.style.visibility="hidden";
    var rlef=createDiv(1, 5);
    var rdow=createDiv(5, 1);
    rats.appendChild(rlef);
    rats.appendChild(rdow);
    rlef.style.top="2px";
    rlef.style.left="0px";
    rdow.style.top="0px";
    rdow.style.left="2px";
    document.body.appendChild(star[i]=rats);
    }
    set_width();
    sparkle();
    }}
    var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
    var r=1
    var g=1
    var b=1
    var seq=1
    var sparkles = 50;
    var x=ox=400;
    var y=oy=300;
    var swide=800;
    var shigh=600;
    var sleft=sdown=0;
    var tiny=new Array();
    var star=new Array();
    var starv=new Array();
    var starx=new Array();
    var stary=new Array();
    var tinyx=new Array();
    var tinyy=new Array();
    var tinyv=new Array();
    function sparkle() {
    var c;
    if (x!=ox || y!=oy) {
    ox=x;
    oy=y;
    for (c=0; c<sparkles; c++) if (!starv[c]) {
    star[c].style.left=(starx[c]=x)+"px";
    star[c].style.top=(stary[c]=y)+"px";
    star[c].style.clip="rect(0px, 5px, 5px, 0px)";
    star[c].style.visibility="visible";
    starv[c]=50;
    break;
    }
    }
    for (c=0; c<sparkles; c++) {
    if (starv[c]) update_star(c);
    if (tinyv[c]) update_tiny(c);
    }
    setTimeout("sparkle()", 40);
    }
    function update_star(i) {
    if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
    if (starv[i]) {
    stary[i]+=1+Math.random()*3;
    if (stary[i]<shigh+sdown) {
    star[i].style.top=stary[i]+"px";
    starx[i]+=(i%5-2)/5;
    star[i].style.left=starx[i]+"px";
    }
    else {
    star[i].style.visibility="hidden";
    starv[i]=0;
    return;
    }
    }
    else {
    tinyv[i]=50;
    tiny[i].style.top=(tinyy[i]=stary[i])+"px";
    tiny[i].style.left=(tinyx[i]=starx[i])+"px";
    tiny[i].style.width="2px";
    tiny[i].style.height="2px";
    star[i].style.visibility="hidden";
    tiny[i].style.visibility="visible"
    }
    }
    function update_tiny(i) {
    if (--tinyv[i]==25) {
    tiny[i].style.width="1px";
    tiny[i].style.height="1px";
    }
    if (tinyv[i]) {
    tinyy[i]+=1+Math.random()*3;
    if (tinyy[i]<shigh+sdown) {
    tiny[i].style.top=tinyy[i]+"px";
    tinyx[i]+=(i%5-2)/5;
    tiny[i].style.left=tinyx[i]+"px";
    }
    else {
    tiny[i].style.visibility="hidden";
    tinyv[i]=0;
    return;
    }
    }
    else tiny[i].style.visibility="hidden";
    }
    document.onmousemove=mouse;
    function mouse(e) {
    set_scroll();
    y=(e)?e.pageY:event.y+sdown;
    x=(e)?e.pageX:event.x+sleft;
    }
    function set_scroll() {
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    function createDiv(height, width) {
    var div=document.createElement("div");
    rainbow="#"+hex[r]+hex[g]+hex[b]
    if (seq==6){
    b--
    if (b==0)
    seq=1
    }
    if (seq==5){
    r++
    if (r==12)
    seq=6
    }
    if (seq==4){
    g--
    if (g==0)
    seq=5
    }
    if (seq==3){
    b++
    if (b==12)
    seq=4
    }
    if (seq==2){
    r--
    if (r==0)
    seq=3
    }
    if (seq==1){
    g++
    if (g==12)
    seq=2
    }
    div.style.position="absolute";
    div.style.height=height+"px";
    div.style.width=width+"px";
    div.style.overflow="hidden";
    div.style.zIndex="10";
    div.style.backgroundColor=rainbow;
    return (div);
    }
    window.onload=function()
    {
    initCursor()
    initImage()
    startTime()
    }
    function initImage() {
    imageId = 'menu'
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = "visible";
    fadeIn(imageId,0);
    }
    function fadeIn(objId,opacity) {
    if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
    setOpacity(obj, opacity);
    opacity += 10;
    window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 120);
    }
    }
    }
    function setOpacity(obj, opacity) {
    opacity = (opacity == 100)?99.999:opacity;
    // IE/Win
    obj.style.filter = "alpha(opacity:"+opacity+")";
    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity/100;
    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity/100;
    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity/100;
    }
    function changeNav(id) {
    document.getElementById('content').innerHTML=document.getElementById(id).innerHTML;
    document.getElementById('main').innerHTML=document.getElementById('home').innerHTML;
    document.getElementById('rabbit').style.top="275px"
    document.getElementById('penguin').style.top="532px"
    }
    function hidestatus(){
    window.status=""
    return true
    }
    // ]]>
    </script>
    <script type="text/javascript">
    if (window.jstiming) window.jstiming.load.tick('headEnd');
    </script>
    <div class='navbar section' id='navbar'><div class='widget navbar' id='navbar1'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
    if(window.addEventListener) {
    window.addEventListener("load",
    function(){ object[attribute] = val; }, false);
    } else {
    window.attachEvent('onload', function(){ object[attribute] = val; });
    }
    }
    function showRelatedContent(args) {
    var el = document.getElementById('related-iframe');
    if (el.parentNode.style.display != 'none') {
    el.parentNode.style.display = 'none';
    document.onclick = showRelatedContent.prevOnClick;
    return;
    }
    var match = /(?:^[?]|&)c=([0-9]+)(?:&|(?!.))/.exec(args);
    if (match !== null) {
    document.getElementById('related-loading').style.left = match[1] + 'px';
    el.style.left = Math.max(0, match[1] - parseInt(el.width) / 2) + 'px';
    }
    el.src = "http://www.blogger.com"
    + '/related-content.g?q='
    + window.location.href
    + '&id=' + "7792698363959436653";
    el.parentNode.style.display = 'block';
    showRelatedContent.prevOnClick = document.onclick;
    // Hide related-content dropdown when clicking anywhere but on it.
    document.onclick = function() {
    var el = document.getElementById('related-iframe');
    if (el.parentNode.style.display != 'none') {
    el.parentNode.style.display = 'none';
    }
    document.onclick = showRelatedContent.prevOnClick;
    };
    }
    </script></div></div>

Dah Bace Tu Try Komen Pulak

2 Orang Suke Pink:

liyanazahirah said...

nurul, err.. x jd pon ?

Nurul CLumsy Gurl said...

@liyanazahirah erm.. kite kne tubggu bnde tu. kengkadang ade, kengkdang x der