 |
<<<
voltar
::
JAVA SCRIPT ::
Java Script - Rolagem de
Texto
Descrição: Este script, possibilita você
colocar notícias, mensagens, páginas ou o que você desejar dentro do seu site
e tudo no mesmo local, para ver o
funcionamento deste script passe o mouse sobre a
seta para rolar o texto para baixo ou para cima, você
pode ainda escolher a página que você quer visualizar, e
tudo isso no mesmo
local!
Passo1: Insira este código dentro da
seção <head> da sua
página:
<!--Script por:
scriptshelp
www.scriptshelp.com.br
-->
<style type="text/css">
/*Script - Rolagem de Texto
scriptshelp - O Seu Portal
www.scriptshelp.hpg.com.br
*/
#divControl{position:absolute; width:250; font-family:arial; left:320; top:340; font-size:10pt; visibility:hidden}
#divCont{position:absolute; top:395; left:300; clip:rect(0,250,150,0); height:150; width:250}
.clScroll{position:absolute; top:0; font-size:10pt; left:0; font-family:arial; visibility:hidden}
</style>
<!--Script por: Geek Brasil
www.geekbrasil.com.br
-->
Passo2:
Insira
este código dentro da seção <body> da sua página:
<!--Script por:
scriptshelp
www.scriptshelp.hpg.com.br
-->
<script type="text/javascript" language="JavaScript">
/*Script de Rolagen de texto-
scriptshelp - O Seu Portal
www.scriptshelp.hpg.com.br
*/
function checkBrowser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
return this
}
bw=new checkBrowser()
/*****************************************************************
Estas são as variáveis que você poderá mudar:
******************************************************************
//A velocidade de rolagem do texto.
timSpeed=50
//A altura da caixa do texto (só mude quando o texto for muito grande)
contHeight=100
/****************************************************************
Esta é a função de construtor de objetos
*****************************************************************
function makeScrollObj(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.el=bw.dom?document.getElementById(obj):bw.ie4?document.
all[obj]:bw.ns4?eval
(nest+'document.'+obj):0;
this.css=bw.dom?document.getElementById(obj)
.style:bw.ie4?document.all[obj]
.style:bw.ns4?eval
(nest+'document.'+obj):0;
this.height=bw.ns4?this.css.document.height:this.el.offsetHeight
this.top=b_gettop
return this
}
//Getting the top for the top method
function b_gettop(){
var gleft=(bw.ns4 || bw.ns5) ? eval(this.css.top):eval(this.css.pixelTop);
return gleft;
}
//Variables
var scrollTim;
var active=0;
/****************************************************************
Aqui fica a função de rolagem.
*****************************************************************/
function scroll(speed){
clearTimeout(scrollTim)
way=speed>0?1:0
if((!way && oScroll[active].top()>-oScroll[active].height+contHeight) || (oScroll[active].top()<0 && way)){
oScroll[active].css.top=oScroll[active].top()+speed
scrollTim=setTimeout("scroll("+speed+")",timSpeed)
}
}
//Clears the timeout so the scroll stops, this is called onmouseout.
function noScroll(){
clearTimeout(scrollTim)
}
/****************************************************************
Aqui você pode mudar a camada ativa.
*****************************************************************
function changeActive(num){
oScroll[active].css.visibility='hidden'
active=num
oScroll[active].css.top=0
oScroll[active].css.visibility='visible'
}
/*****************************************************************
Inicializando a pagina, esta função chama o objeto construtor.
Aqui você pode adicionar muitos Objetos scroll conforme seu gosto
*****************************************************************
function scrollInit(){
oScroll=new Array()
oScroll[0]=new makeScrollObj('divScroll1','divCont')
oScroll[1]=new makeScrollObj('divScroll2','divCont')
oScroll[2]=new makeScrollObj('divScroll3','divCont')
oScroll[3]=new makeScrollObj('divScroll4','divCont')
oScroll[0].css.visibility='visible'
oControl=new makeScrollObj('divControl')
oControl.css.visibility='visible'
}
/****************************************************************
Executa a função scrollInit no pageload.
*****************************************************************/
onload=scrollInit;
</script>
</p>
<div id="divControl" style="width: 236; height: 64">
<a href="#" onclick="changeActive(0)"><font color="#000080">Pagina 1</font></a>
<a href="#" onclick="changeActive(1)"><font color="#000080">Pagina 2</font></a>
<a href="#" onclick="changeActive(2)"><font color="#000080">Pagina 3</font></a>
<a href="#" onclick="changeActive(3)"><font color="#000080">Pagina 4</font></a>
<br><br>
<a href="#" onmouseover="scroll(5)" onmouseout="noScroll()"><img src="http://www.geekbrasil.com.br/images/arw_dn.gif" border="0" alt="Clique para rolar a página!" width="10" height="11"></a>
<a href="#" onmouseover="scroll(-5)" onmouseout="noScroll()"><img src="http://www.geekbrasil.com.br/images/arw_up.gif" border="0" alt="Clique para rolar a página!" width="10" height="11"></a>
</div>
<div id="divCont">
<div id="divScroll1" class="clScroll">
Esta é a pagina 1, vc pode colocar o mouse sobre o link
sobe ou desce para movimentar o texto.<BR><BR>
Se você preferir pode escolher entre Page 1, 2, 3 ou 4 para ver outros
textos.<BR><BR>
Este recurso é muito bom para quem quer colocar algum tipo de noticiário no site!
<BR><BR>
Informações de informática e Internet para profissionais e usuários
do meio acadêmico. No site da revista os internautas iniciantes ou
veteranos aproveitam dicas de programas variados, soluções para
problemas com sistemas e
<p> </p>
<p> hardwares, mais de 100 apostilas dos mais
variados temas de programação, internet, hardware e software, entre
outros, e também poderá fazer Downloads. Os leitores colaboram com
artigos e participam de fóruns.
</div>
<div id="divScroll2" class="clScroll">
O Opera não é um browser qualquer. É um software não ''alinhado'', com
uma postura diferente neste tipo de produtos. Fiel à abordagem que teve
nas versões anteriores, o Opera mantém a possibilidade da divisão da
área de trabalho em várias janelas, cada qual com um site diferente. É
a chamada interface para múltiplos documentos. Quer em janelas em
cascata quer em janelas que ocupam partes iguais do vídeo, é possível
entrar em vários sites simultaneamente, sem que se perca muito
em vários sites simultaneamente, sem que se perca muito essa vantagem
não serve para nada.
</div>
<div id="divScroll3" class="clScroll">
Os novos formatos de compressão de arquivos áudio e vídeo baseados na
tecnologia MPEG (Moving Picture Experts Group) versão 4 prometem
revolucionar a multimídia na Internet. A julgar pelo sucesso que o
formato musical mp3 teve, teremos em breve uma nova mania.
Atualmente recebendo os últimos retoques pelo Moving Picture Experts
Group (MPEG), o standard MPEG-4 está atingindo a versão 3, e já é um
sucesso quer na televisão digital, quer no mundo dos gráficos
interativos e na multimídia interativa (voltado para a Web em termos de
distribuição e de acesso ao conteúdo).
</div>
<div id="divScroll4" class="clScroll" style="width: 250; height: 196">
O perigo dos vírus informáticos nunca deve ser subestimado. Por isso
você deve usar sempre um utilitário eficiente que proteja o seu
computador das pragas que andam por aí. Os vírus na Internet podem
causar grandes prejuízos nos computadores e redes informáticas
contaminadas, que podem ir desde perdas irreparáveis de dados até a
compromissos de segurança.
Embora não sejam uma garantia total de segurança, os programas
antivírus podem dar uma proteção preciosa contra os vírus informáticos.
Um bom antivírus, atualizado e com um ''motor'' permanente pode evitar
muitos desastres.
</div>
</div>
<!--Script por: scriptshelp
www.scriptshelp.hpg.com.br
Fim-->
|
