Formulário gerador de Marquees


Este código está na categoria javascript e mostra o seguinte assunto: Formulário gerador de Marquees, em destaque estão os marcadores javascript, código, javascript,

<script language="javascript">
function igual()
    {
    outro.value = '<marquee bgcolor="' + quatro.value + '" ' + 'scrollamount="' + tres.value + '" ' + 'scrolldelay="' + dois.value + '" ' + 'style="color: ' + cinco.value +  '">' + um.value + "</marquee>"
document.getElementById("texto").innerHTML = outro.value;   
 }
</script>
<table border="0" width="45%" height="235">
  <tr>
    <td width="11%" height="23"><font size="2" color="#000080"><b>Frase: </b></font></td>
    <td width="89%" height="23"> <input id="um" onkeyup="igual()" size="33"></td>
  </tr>
  <tr>
    <td width="11%" height="23"><font size="2" color="#000080">
<b>
Intervalo: </b></font></td>
    <td width="89%" height="23"><input id="dois" onkeyup="igual()" size="33"></td>
  </tr>
  <tr>
    <td width="11%" height="23"><font size="2" color="#000080">
<b>
Quantidade: </b></font></td>
    <td width="89%" height="23"><input id="tres" onkeyup="igual()" size="33"></td>
  </tr>
  <tr>
    <td width="11%" height="23"><font size="2" color="#000080">
<b>
Cor Fundo:(cor em inglês) </b></font></td>
    <td width="89%" height="23"><input id="quatro" onkeyup="igual()" size="33"></td>
  </tr>
  <tr>
    <td width="11%" height="23"><font size="2" color="#000080">
<b>
Cor Fonte:</b> </font>(cor em inglês)</td>
    <td width="89%" height="23"><input id="cinco" onkeyup="igual()" size="33"></td>
  </tr>
  <tr>
    <td width="11%" height="84"><font size="2" color="#000080"><b>Código:</b></font></td>
    <td width="89%" height="84"><textarea id="outro" rows="4" cols="27">
</textarea></td>
  </tr>
</table>
<br>
<div id="texto" style="width:250px;height:100px;border:1px solid #000;"></div>

Marquee 

teste de marquee

veja outros modelos abaixo



Categoria: html, javascript | Tags: , , | Postado por joemaster em 23/jun/2020

<< Anterior

Próximo >>

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *