MARATHI TEAM
Welcome on the Marathi Team Forum.
To take full advantage of everything offered by
our forum, please log in if you are already a
member or join our community if you're not
yet....


Join the forum, it's quick and easy

MARATHI TEAM
Welcome on the Marathi Team Forum.
To take full advantage of everything offered by
our forum, please log in if you are already a
member or join our community if you're not
yet....
MARATHI TEAM
Would you like to react to this message? Create an account in a few clicks or log in to continue.

WELCOME TO THE MARATHI TEAM FREE FORUM, INCLUDES ALL ENTERTAINMENT THINGS,LIKES GAMES,MUSIC,VIDEO,MOVIES,ALSO GATES YAHOO,FACEBOOK,NIMBUZZ,ORKUT,TWITTER AND OTHER SOCIAL NETWORKS TIPS AND TRICKS, AS WELL AS ENJOY ONLINE CHAT WITH FRIENDS

WELCOME MEMBERS AND GUESTS,PLEASE READ FORUM RULES.POSTING OF ILLEGAL, HACKING AND COPYRIGHT CONTENT IS STRICTLY PROHIBITED; PLEASE DO NOT POST ILLEGAL AND HACKING STUFF. MARATHI TEAM NOT RESPONSIBLE FOR ANY TRANSACTION BETWEEN BUYERS AND SELLERS, ALSO FORBIDDEN TO POST ADVERTISING FOR MONEY AND RELATED STUFF. DONT FORGET TO SCAN YOUR FILES AT HTTPS://WWW.VIRUSTOTAL.COM BECAUSE MOST APP CODERS BIND APPLICATION WITH VIRUS,MALWARE OT TROJAN. WE KNOW HOW TO DEFENCE FROM THOSE ISSUES, BUT DECENT/NEW USERS MAYBE NOT AWARE TO DEFENCE THOSE TRAP, IT'S FRIENDLY REQUEST SCAN LINK/APPS HERE HTTPS://WWW.VIRUSTOTAL.COM; THANKS FOR YOUR COOPERATION, AND THANKS FOR VISITING STAY WITH US.
Log in

I forgot my password

Latest topics
Top posters
slowdeath
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
storm
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
♥
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
Vampire_lady
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
tvirus
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
gooddumpcc4u
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
→▫◊▫ĥâčķėŕ▫◊▫←
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
akshay645
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
cyberdude
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 
amin742
Background changing color effect I_vote_lcapBackground changing color effect I_voting_barBackground changing color effect I_vote_rcap 

Top posting users this week
No user

Nimbuzz id Maker
freebuzz is my love :D

user name

password

captcha

www.marathi-team.com
slowdeath@nimbuzz.com

Background changing color effect

MARATHI TEAM :: PROGRAMMING & DEVELOERS ZONE :: SCRIPTS ZONE :: HTML SCRIPTS

Go down

Heart Background changing color effect

Post  storm Thu Dec 13, 2012 2:38 am

It is awesome to have a HTML page which colors in the background change randomly. Try this code if you want a live page.


Code:
<!-- This Script is from www.htmlfreecodes.com, Coded by: Krishna Eydat-->
<script>

// Select fade-effect below:
// Set 1 if the background may fade from dark to medium
// Set 2 if the background may fade from light to medium
// Set 3 if the background may fade from very dark to very light light
// Set 4 if the background may fade from light to very light
// Set 5 if the background may fade from dark to very dark
var fade_effect=3

// What type of gradient should be applied Internet Explorer 5x or higher?
// Set "none" or "horizontal" or "vertical"
var gradient_effect="horizontal"

// Speed higher=slower
var speed=60

///////////////////////////////////////////////////////////////////////////
// CONFIGURATION ENDS HERE
///////////////////////////////////////////////////////////////////////////

var browserinfos=navigator.userAgent
var ie4=document.all&&!document.getElementById
var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
var ns4=document.layers
var ns6=document.getElementById&&!document.all
var opera=browserinfos.match(/Opera/) 
var browserok=ie4||ie5||ns4||ns6||opera

if (fade_effect==1) {
   var darkmax=1
   var lightmax=127
}
if (fade_effect==2) {
   var darkmax=127
   var lightmax=254
}
if (fade_effect==3) {
   var darkmax=1
   var lightmax=254
}
if (fade_effect==4) {
   var darkmax=190
   var lightmax=254
}
if (fade_effect==5) {
   var darkmax=1
   var lightmax=80
}
var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var newred
var newgreen
var newblue
var oldred
var oldgreen
var oldblue

var redcol_1
var redcol_2
var greencol_1
var greencol_2
var bluecol_1
var bluecol_2
var oldcolor
var newcolor
var firsttime=true
 
var stepred=1
var stepgreen=1
var stepblue=1

function setrandomcolor() {
   var range=(lightmax-darkmax)
   if (firsttime) {
      newred=Math.ceil(range*Math.random())+darkmax
      newgreen=Math.ceil(range*Math.random())+darkmax
      newblue=Math.ceil(range*Math.random())+darkmax
      firsttime=false
   }
   
   oldred=Math.ceil(range*Math.random())+darkmax
   oldgreen=Math.ceil(range*Math.random())+darkmax
   oldblue=Math.ceil(range*Math.random())+darkmax
   
   stepred=newred-oldred
   if (oldred>newred) {stepred=1}
   else if (oldred<newred) {stepred=-1}
   else {stepred=0}
   
   stepgreen=newgreen-oldgreen
   if (oldgreen>newgreen) {stepgreen=1}
   else if (oldgreen<newgreen) {stepgreen=-1}
   else {stepgreen=0}
   
   stepblue=newblue-oldblue
   if (oldblue>newblue) {stepblue=1}
   else if (oldblue<newblue) {stepblue=-1}
   else {stepblue=0}
   fadebg()
}

function fadebg() {
   if (newred==oldred) {stepred=0}
   if (newgreen==oldgreen) {stepgreen=0}
   if (newblue==oldblue) {stepblue=0}
   newred+=stepred
   newgreen+=stepgreen
   newblue+=stepblue
   
   if (stepred!=0 || stepgreen!=0 || stepblue!=0) {
         redcol_1 = hexc[Math.floor(newred/16)];
       redcol_2 = hexc[newred%16];
       greencol_1 = hexc[Math.floor(newgreen/16)];
         greencol_2 = hexc[newgreen%16];
        bluecol_1 = hexc[Math.floor(newblue/16)];
         bluecol_2 = hexc[newblue%16];
        newcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
      if (ie5 && gradient_effect!="none") {
         if (gradient_effect=="horizontal") {gradient_effect=1}
         if (gradient_effect=="vertical") {gradient_effect=0}
            greencol_1 = hexc[Math.floor(newred/16)];
          greencol_2 = hexc[newred%16];
          bluecol_1 = hexc[Math.floor(newgreen/16)];
            bluecol_2 = hexc[newgreen%16];
           redcol_1 = hexc[Math.floor(newblue/16)];
            redcol_2 = hexc[newblue%16];
         var newcolorCompl="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2
         document.body.style.filter=
"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+newcolorCompl+", endColorstr="+newcolor+" GradientType="+gradient_effect+")"
      }
      else {
           document.bgColor=newcolor
      }
      var timer=setTimeout("fadebg()",speed);
    }
     else {
        clearTimeout(timer)
      newred=oldred
      newgreen=oldgreen
      newblue=oldblue
      oldcolor=newcolor
      setrandomcolor()
     }
}

if (browserok) {
   window.onload=setrandomcolor
}
</script>

<font face="Tahoma"><a target="_blank" href="http://www.htmlfreecodes.com/"><span style="font-size: 8pt; text-decoration: none">HTML Free Code</span></a></font>
storm
storm
Member
Member

Posts : 155
Points : 458
Reputation : 1
Join date : 2012-12-05

Back to top Go down

Back to top

MARATHI TEAM :: PROGRAMMING & DEVELOERS ZONE :: SCRIPTS ZONE :: HTML SCRIPTS

 
Permissions in this forum:
You cannot reply to topics in this forum