No dia 13 de dezembro aconteceu a cantata de natal do CSM.As turmas apresentaram lindas cancoes de natal! Voce pode conferir no video abaixo.Um feliz natal a todos! Musica pra cantar, dancar e ler!!! No sabado 02 de junho, aconteceu no Centro Social mais uma edicao do Dia da Familia!Como ja e tradicao, o dia foi de muitas atividades e de muita diversao!Os educadores prepararam uma manha cheia de risos, com teatro de contacao de historias, uma danca maluca e um grande piquenique pra encerrar com chave de ouro.E mesmo embora fosse uma manha cinzenta e nublada, as familias compareceram em peso! Afinal, ninguem quis ficar de fora de um evento tao especial!Confira:(Clique nas fotos para ver em tamanho maior)Assista tambem ao video: Mensagem de acordo com o horario do computador do visitante (bom dia, boa tarde, boa noite), usando a criatividade dara para emplementar muito o seu script.<SCRIPT LANGUAGE="JavaScript">d = new Date();hour = d.getHours();if(hour < 5){ document.write("Boa Noite");}elseif(hour < 8){ document.write("Bom Dia");}elseif(hour < 12){ document.write("Bom Dia!");}elseif(hour < 18){ document.write("Boa tarde");}else{ document.write("Boa noite");}</SCRIPT> Com este script, pequeno e pratico e possivel criar um efeito elastico em textos.Para personalizar voce pode alterar as variaveis:- speed: Controla a velocidade do efeito- msg: Texto que sera utilizado para o efeito- size: Tamanho da fonte- color: Cores que o texto pode assumir<script language="javascript">//How fast the text will slidevar speed=50//The Messagevar msg="Codigo Fonte"//The Text Sizevar size="4"//Don't Edit below this line - Except the colors.var s="0"var i="0"function slide(){var indent=new Array()indent[1]="0pt"indent[2]="5pt"indent[3]="10pt"indent[4]="15pt"indent[5]="20pt"indent[6]="25pt"indent[7]="30pt"indent[8]="25pt"indent[9]="20pt"indent[10]="15pt"indent[11]="10pt"indent[12]="5pt"indent[13]="0pt"indent[14]="-5pt"indent[15]="0pt"indent[16]="0pt"indent[17]="0pt"indent[18]="0pt"indent[19]="0pt"indent[20]="0pt"i=(i==20)?1:++i//You can Edit the colorsvar color=new Array()color[1]="blue"color[2]="red"color[3]="green"//Don't Edit below this lines=(s==3)?1:++svar code="<font size=" + size + " color='" + color[s] + "'>" + msg + "</font>"document.all.M1.style.letterSpacing=indent[i]document.all.M1.innerHTML=codesetTimeout("slide()",speed)}window.onload=slide</script><div id="M1"></div> Este script permite que uma imagem seja aumentada quando o usuario passa o mouse sobre ela (onMouseOver). A imagem e apresenada com a metade de sua largura e altura e volta ao tamanho normal quando o mouse e retirado de cima dela (onMouseOut).<html><head><script language="javascript"><!--function aumenta(obj){ obj.height=obj.height*2; obj.width=obj.width*2;}function diminui(obj){ obj.height=obj.height/2; obj.width=obj.width/2;}//--></script><title>Aumentar o tamanho de uma imagem ao passar o mouse</title></head><body><center><p><img src="http://www.codigofonte.com.br/img/logo.gif" width='258' height='45' alt="CodigoFonte.com.br" onMouseOver="aumenta(this)" onMouseOut="diminui(this)"></center></body></html> Codigo interessante que alterna de tempos em tempos o Value e a Acao do botao. Com um efeito de escrita que aumenta o tamanho do botao.<script language="JavaScript">var timerID = nullvar timerRunning = falsevar charNo = 0var charMax = 0var lineNo = 0var lineMax = 3var lineArr = new Array(lineMax)var urlArr = new Array(lineMax)lineArr[1] = "google" urlArr[1] = "http://www.google.com.br"lineArr[2] = "CodigoFonte" urlArr[2] = "http://www.codigofonte.com.br"lineArr[3] = "CodigoFonte" urlArr[3] = "http://www.codigofonte.com.br"var lineText = lineArr[1]function StartShow() { StopShow() ShowLine() timerRunning = true}function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " }}function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false }}function ShowLine() { if (charNo == 0) { if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) }}function GotoUrl(url){ top.location.href = url}document.write("<form name=\"formDisplay\">");document.write("<input type=\"button\" name=\"buttonFace\" value=\"&{lineText}\" size=\"18\" onClick=\"GotoUrl(urlArr[lineNo])\">");document.write("</form>");StartShow();</script> Este script, apesar de nao mostrar complexidade, sem duvida alguma,