Bíblia no Computador

19 outubro 2010

Blogger JavaScript Efeitos: Efeito Typewriter

Um truque chamativo para seu blog ou website é chamado efeito máquina de escrever, o mesmo que ele faz é simular um texto que é escrito em uma máquina de escrever e pode ter várias linhas, a sua instalação é simples e está programado em JavaScriptmas a melhor maneira de ver este gadget é vê-lo em operação:
Você precisa inserir código em seu blog:


<script language="JavaScript1.2"><!--
//Secify scroller contents
var line=new Array()
line[1]="Bienvenidos a P C Z E R O S"
line[2]="ahora ya no tenés que andar buscando..."
line[3]="gadgets para tu blog o web por distintos lugares..."
line[4]="Ahora! todo está en un sólo lugar"
line[5]="Todo está en PCZEROS"
line[6]="(puedes seguir escribiendo cosas si quieres)"

//Specify font size for scoller
var ts_fontsize="12px"
//--Don't edit below this line
var longestmessage=1
for (i=2;i<line.length;i++){
if (line[i].length>line[longestmessage].length)
longestmessage=i
}
//Auto set scroller width
var tscroller_width=line[longestmessage].length
lines=line.length-1 //--Number of lines
//if IE 4+ or NS6
if (document.all||document.getElementById){
document.write('<form name="bannerform">')
document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
document.write('</form>')
}
temp=""
nextchar=-1;
nextline=1;
cursor="]"
function animate(){
if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
nextline++;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",3000)}
else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
nextline=1;
nextchar=-1;
document.bannerform.banner.value=temp;
temp="";
setTimeout("nextstep()",1000)}
else{
nextstep()}}
function nextstep(){
if (cursor=="\\"){
cursor="|"}
else if (cursor=="|"){
cursor="/"}
else if (cursor=="/"){
cursor="-"}
else if (cursor=="-"){
cursor="\\"}
nextchar++;
temp+=line[nextline].charAt(nextchar);
document.bannerform.banner.value=temp+cursor
setTimeout("animate()",25)}
//if IE 4+ or NS6
if (document.all||document.getElementById)
window.onload=animate
// --></script>
<a href="http://xoplanet.blogspot.com" target="_blank"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="juegos para xo" title="juegos para xo"/></a>
<a href="http://pczeros.blogspot.com" target="_blank" title="gadgets para blogger"><img src="http://sites.google.com/site/pczeros/Home/1t.gif" border="0" alt="gadgets para blogger" title="gadgets para blogger"/></a>

Depois cole o código em seu blog Olha onde ele diz:

linha [1] = "Bem-vindo ao PCZERO S"
linha [2] = "Agora você não precisa mais ir à procura ..."
linha [3] = "gadgets para seu blog ou site em vários lugares ..."
linha [4] = "Agora! tudo está no mesmo lugar"
linha [5] = "Tudo está em PCZEROS"
linha [6] = "(você pode continuar a escrever coisas se você quiser)"

e alterar o que diz em cada linha dentro das aspas, para o que você quer, isso é tudo, salve as alterações e apreciar novos gadgets para seu blog ou website
Related Posts Plugin for WordPress, Blogger...

TV Novo Tempo em Campo Grande

TV Novo Tempo em Campo Grande
Canal 41