[Tutorial] Utilitários em Javascript e HTML

Bom pessoal, aqui eu decidi reunir alguns utilitários feitos em Javascript e HTML para que o pessoal possa dar uma olhada, conhecer um pouco mais, e também aplicar em seus fóruns, blogs e sites.
---
Menu Dropdown: Usado em rodapés de páginas para acessar outras sessões de um site.

Código:

Código:

<form name="mycombowopt">
<select name="example" size=1>
<option value="LINK LUGAR">DESCRIÇÃO</option>
<option value="LINK">DESCRIÇÃO</option>
<option value="LINK">DESCRIÇÃO</option>
</select> <input type="button" value="Ir!" onClick="gothere()"> <br>
<input type="checkbox" name="windowoption" value="ON">Abrir em uma nova janela.</p>
</form>

<script language="javascript">
<!--
function gothere(){
var thebox=document.mycombowopt
if (thebox.windowoption.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=
thebox.example.options[thebox.example.selectedIndex].value
}
else
location=
thebox.example.options[thebox.example.selectedIndex].value
}
//-->
</script>

Widget de Parceiros: Usado em sites que possuem parcerias com outros sites.

Código:

Código:

<marquee direction="up" BEHAVIOR="ALTERNATE" width="167" height="224" id="scroller" onMouseOver="javascript:scroller.stop()" onMouseOut="javascript:scroller.start()" >Aqui deverá vir os banners de seus parceiros.</marquee>

Código:

Código 2:

<div class="inner"><span class="corners-top"><span></span></span><div class="h3">Aqui vem os seus parceiros (de preferência em imagens)</div><div id="comments_scroll_div"><marquee id="comments_scroll_container" direction="up" scrollamount="2" scrolldelay="50" width="180" height="300"><a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();">


Contador regressivo:

Código:

Código:

<span class="contador"><font size="2"><div align="center"><b>Nome do evento</font></b>

<font size="1">Data do evento aqui</font>


<center><script language="JavaScript">

TargetDate = "07/29/2011 9:00 PM - A data em que irá começar a contagem regressiva";
BackColor = false;
ForeColor = false;
CountActive = true;
CountStepper = -1;
LeadingZero = true;
DisplayFormat = "%%D%% Dias, %%H%% Horas, %%M%% Minutos e %%S%% Segundos";
FinishMessage = "Mensagem que será exibida quando acabar a contagem regressiva";
</script>
<script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js">
</script></center></div></span>

Relógio:

Código:

Código:

<table border="0" align="center"><tr><td><embed src="http://www.cryd.com.br/relogios-feitos-em-flash/swf/01-10/459.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="135" height="25"></embed></td></tr></table>

---
Por enquanto são esses, aguardem outras atualizações.