<marquee><label id="label_marquee">Deus é Fiel!</label></marquee> <br/> Cor do texto: <label><input type="radio" name="marquee_color" onclick="javascript:setMarqueeColor('red');"/> Vermelho</label> <label><input type="radio" name="marquee_color" onclick="javascript:setMarqueeColor('yellow');"/> Amarelo</label> <label><input type="radio" name="marquee_color" onclick="javascript:setMarqueeColor('blue');"/> Azul</label> <label><input type="radio" name="marquee_color" onclick="javascript:setMarqueeColor('green');"/> Verde</label> <label><input type="radio" name="marquee_color" onclick="javascript:setMarqueeColor('black');" checked="checked"/> Preto</label> <label><input type="radio" name="marquee_color" onclick="javascript:setMarqueeColor('white');"/> Branco</label> <br/> <br/> Cor de fundo: <label><input type="radio" name="body_color" onclick="javascript:setBodyColor('red');"/> Vermelho</label> <label><input type="radio" name="body_color" onclick="javascript:setBodyColor('yellow');"/> Amarelo</label> <label><input type="radio" name="body_color" onclick="javascript:setBodyColor('blue');"/> Azul</label> <label><input type="radio" name="body_color" onclick="javascript:setBodyColor('green');"/> Verde</label> <label><input type="radio" name="body_color" onclick="javascript:setBodyColor('black');"/> Preto</label> <label><input type="radio" name="body_color" onclick="javascript:setBodyColor('white');" checked="checked"/> Branco</label> <br/> <br/> Altera o texto da animação: <input type="text" id="text_marquee" value="Deus é Fiel!"/> <input type="button" id="button_marquee" value="Alterar" onclick="javascript:setMarqueeText();"/>
#label_marquee { font-size: 1000%; } .marquee_red { color: red; } .marquee_yellow { color: yellow; } .marquee_blue { color: blue; } .marquee_green { color: green; } .marquee_black { color: black; } .marquee_white { color: white; } .body_red { background-color: red; } .body_yellow { background-color: yellow; } .body_blue { background-color: blue; } .body_green { background-color: green; } .body_black { background-color: black; } .body_white { background-color: white; }
function setMarqueeColor(color) { $("#label_marquee").prop("class", "marquee_" + color); } function setBodyColor(color) { $("body,html").prop("class", "body_" + color); } function setMarqueeText() { $("#label_marquee").html($("#text_marquee").val()); }