Member Avatar for vizz

How to glow and toggle between colors automatically using .animate( ) function?

I started with this but failed further coding

$(#glow).animate({ });

Inside above function

var loop = true;    // toggle on/off
var speed = "250"; // animation speed

var c = new Array(); //array for colors
c[1] = "#0080FF";
c[2] = "#FFBF00";
c[3] = "#C8FE2E";
c[4] = "#FF4000";
c[5] = "#DF0101";

<div id="glow">This is logo</>

How to animate textShadow:, color:, radius: for cross browser

  • 1 Contributor
  • 2 Replies
  • 212 Views
  • 2 Hours Discussion Span
  • Latest Post Latest Post by vizz
Member Avatar for vizz

var someMilliseconds = 500;
setTimeout(function() {
// font color animation
$("#glow").animate({ 'color' : '#00eeff' }, 400);
}, someMilliseconds );

I failed to create cycle between colors.

How to create cycle between colors with the use of following?

var loop
var speed
var c
Member Avatar for vizz

This is my final function please help me to make cycle of colors

var loop = true;    // toggle on/off
var speed = "250"; // animation speed
var c = new Array(); //array for colors
c[1] = "#0080FF";
c[2] = "#FFBF00";
c[3] = "#C8FE2E";
c[4] = "#FF4000";
c[5] = "#DF0101";

function glow()
    {

        $("#glow").animate({ 'color' :"#DF0101" }, 400);

    }

setInterval("glow()",speed);

In animate function, how can I make cycle of colors?

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.