Jump to content


Photo

Onde Encontro ?


  • Faça o login para participar
9 replies to this topic

#1 dragonight

dragonight

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 09/10/2004, 18:53

Galera, acho q n eh so eu q estou com essa dúvida !!!

Tipo, tem um javascript q ele fik dentro de uma tabela e fika correndo as noticias de baixo para cima, e quando o mouse passa por cima, a noticia para de correr...

Tipo gostaria de saber se alguem tem o Código Font raiz desse JavaScript, para q eu possa modifica-lo e colocar em meu site...

Desde ja agradeço, Obrigado !!!

um site com exemplo eh:

Super Gospel

Lá em baixo, onde esta escrito "Promoçoes" tem um exemplo... Flw.. !!!

#2 Without a Nick

Without a Nick

    Sem culpa no cartório

  • Usuários
  • 2378 posts
  • Sexo:Não informado
  • Localidade:Guarulhos

Posted 09/10/2004, 18:56

Olha, eu nem olhei o site, mas eu acredito que seja isso:

<marquee direction="up" scrolldelay="200" scrollamount="200" onmouseover="this.stop();" onmouseout="this.start();">Primeira notícia<br />
Segunda notícia<br />
</marquee>


E dê uma pesquisada, pois já existem tópicos deste tipo, blza?

#3 dragonight

dragonight

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 10/10/2004, 13:41

Without a Nick, obrigado, mas n tem um mais personalisavel naum...Tipo eu n consigo almentar os espacos entre as menssagem, naum consegui por imagens e talz... Sei q to pedindo demais, mas sera q vcs n conhecem nenhum assim naum...

Tipo o q eu vi ele era colocado dentro de uma tabela, ele era feito em varias tabelas, em cada <td> era colocado a msn e talz... Alguem sabe disso...

Without a Nick, desculpas por n procurar eh q achei melhor perguntar pois n tive tempo mesmo... To construindo o site e ta com um prazo de entrega... Desculpe :unsure: !!!


Sera q alguem sabe do q estou falando :rolleyes: ???

#4 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 10/10/2004, 14:04

Os espacos entre as mensagens é so dar mais quebras de linha <br>
para colocar imagens é so usar a tag <img>
<marquee..... >
<img src="uul da imagem">
</marquee>

Outra opcao, é esse topico.
http://forum.wmonlin...0873&hl=marquee
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#5 ## Dark Angell ##

## Dark Angell ##
  • Visitantes

Posted 10/10/2004, 14:36

olhe esse codigo fonte e veja se eh exatamente o q vc quer..... soh falta vc personalizá-lo....
CLIQUE AKI

<script>
var textbgcolor="#ffffff" //cor de fundo
var textwidth=369  //largura
var textheight=125  //altura
var textborder=0    //largura da borda
var textbordercolor="#ffeeff" //cor da borda
var i_text=0
var textcontent=""
var thisspan=""
var content=""
var contentbg=""
var toggle=1
var timer
var scrollready=true
var tablewidth
var tableheight     
var step=1     
var content
var padding=3
var textcontentheight
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0

if (ie || ns6) {
document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>');
document.write('<div id="marker" style="position:relative; width:'+textwidth+'; height:'+textheight+'"></div>');
document.write('</td></tr></table>')
if (ns6) {
  var tablewidth=textwidth-2*textborder
  var tableheight=textheight-2*textborder
}
else {
  var tablewidth=textwidth
  var tableheight=textheight
}
document.write('<div ID="roof" style="position:absolute;width:'+tablewidth+'px;height:'+tableheight+'px;border-style:solid;border-width:'+textborder+'px;border-color:'+textbordercolor+';background-color:'+textbgcolor+';overflow:hidden;visibility:hidden" onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">')
document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;visibility:hidden">')
}

if (ns4) {
document.write('<table cellpadding=0 cellspacing=0 border=0 height='+textheight+' width='+textwidth+'><tr><td>');
var widthMinusTwoBorder=textwidth-2*textborder
var heightMinusTwoBorder=textheight-2*textborder
var widthMinusFourBorder=textwidth-4*textborder
var heightMinusFourBorder=textheight-4*textborder

}
</script>



<script>
      function filme(IDEvento, w, h, scroll){
      var winl = (screen.width - w) / 2;
  var wint = (screen.height - h) / 2;
  winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',scrollbars='+scroll+','
      win = window.open("cinema_sinopse.asp?codigo=" + IDEvento,"_new", winprops)
      if (parseInt(navigator.appVersion) >= 4) { win.window.focus(); }
}
</script>

<head>
<title>__((&macr;`&middot;.&cedil;(&macr;`&middot;.&cedil; Noite Cuiabana &cedil;.&middot;&acute;&macr;)&cedil;.&middot;&acute;&macr;))__</title>

<style type="text/css">
<!--
@import url("noite_cba.css");
-->
</style>
</head>

<body bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<layer name="ticker"  visibility=hide width=369  left=300 top=-9 onMouseOver="setscrollready(0)" onMouseOut="setscrollready(1)">



<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(59,'474','350','no');return false;"
href=><img src="/imagens/cinema/1598.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;Soraya Moraes (Ao Vivo) Deixa O Teu Rio Me Levar</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;Soraya Moraes apresenta seu segundo trabalho ao vivo com músicas inéditas e as participações mais que especiais de Gospel Singers Mass Choir e Robson Nascimento.</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(54,'474','350','no');return false;"
href=><img src="/imagens/cinema/1593.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;RJ Helton Real Life</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;Demonstrando comando vocal nos estilos urban/pop e latino, RJ Helton apresenta seu trabalho intitulado "Real Life", onde podemos conferir 12 canções bem executadas. Alguns dos destaques são "Love Song" e "Tell Me".</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(55,'474','350','no');return false;"
href=><img src="/imagens/cinema/1594.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;David Phelps Revelation</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;O cantor David Phelps apresenta um álbum repleto de bom gosto e musicalidade notável. Este cd contém elementos de pop e R&B e deverá agradar aos fãs de grupos como Avalon e Selah. Um dos pontos altos é a faixa "Love Goes On".</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(58,'474','350','no');return false;"
href=><img src="/imagens/cinema/1585.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;Diante do Trono Esperança</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;"Esperança" é a palavra do vocabulário de Deus que cobriu a cidade de Salvador na noite de 10 de Julho de 2004, quando 1.200.000 vozes cantaram e profetizaram "ESPERANÇA" sobre toda a nação.(Pastor Márcio Valadão)</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(57,'474','350','no');return false;"
href=><img src="/imagens/cinema/1584.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;Casa de Davi Mostra-me Tua Glória</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;O ministério Casa de Davi apresenta "Mostra-me Tua Glória", um trabalho de louvor e adoração gravado em estúdio com grandes nomes da música como Davi Silva, Mike Shea.</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(56,'474','350','no');return false;"
href=><img src="/imagens/cinema/1588.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;Jars Of Clay Who We Are Instead</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;O Jars Of Clay inova em cada trabalho, e com "Who We Are Instead" não é diferente. A banda mostra um repertório tranquilo, onde podemos ouvir elementos de rock, blues e folk. Alguns dos destaques são "Sunny Days", "Amazing Grace" e "Show You Love".</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(52,'474','350','no');return false;"
href=><img src="/imagens/cinema/marcosw.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;Marcos Witt Recordando Otra Vez</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;Marcos Witt apresenta mais um álbum em espanhol com 19 canções gravadas ao vivo em Los Angeles. Este trabalho conta com participações de Gaddiel Espinoza, Vicente Montaño, Coalo Zamorano e Ralphy Rodriguez.
</span><br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>





<table width="369" height="93" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#FFFFFF" style="border-collapse: collapse">
  <!--DWLayoutTable-->
  <tr>
    <td width="103" height="127" valign="top" > <div align="center"><a
onclick="filme(53,'474','350','no');return false;"
href=><img src="/imagens/cinema/1591.jpg"></a></div></td>
    <td width="264" valign="top" > <div align="justify"><span class="cinema-texto-filme1">
        &nbsp;Vineyard Music Brasil Mais Que Paixão</span> <span class="cinema-texto-filme2"> <br>
 
        <span class="cinema-texto-sessoes2">&nbsp;Este trabalho do Vineyard Music Brasil trás novas composições e clássicos da Vineyard Music, numa linguagem moderna e envolvente. Do começo ao fim, MAIS QUE PAIXÃO é adoração.</span><br>
        <span class="cinema-texto-sessoes">&nbsp;1<br>
</div></td>
  <td width="2" >&nbsp;</td>
  </tr>
</table>
                    <br>



</layer>
<p>
  <script>
if (ns4) {
document.write('</td></tr></table>')
}
if (ie || ns6) {
document.write('</span></div>')
}
function doscroll(){
if (scrollready) {
  if(ns4){
  document.roof.document.ticker.top+=-step;
  if(document.roof.document.ticker.top<-textcontentheight) {
    document.roof.document.ticker.top=textheight;
  }
  }
  if (ie) {
  document.all.ticker.style.posTop+=-step
  if (document.all.ticker.style.posTop<-textcontentheight) {
    document.all.ticker.style.posTop=textheight
  }
  }
  if (ns6) {
  document.getElementById('ticker').style.top=parseInt(document.getElementById('ticker').style.top)-step
  if (parseInt(document.getElementById('ticker').style.top)<-textcontentheight) {
    document.getElementById('ticker').style.top=textheight
  }
  }
  timer=setTimeout("doscroll()",50)
}
else {
  clearTimeout(timer)
}
}

function DL_GetElementLeft(eElement) {
    var nLeftPos = eElement.offsetLeft;         
    var eParElement = eElement.offsetParent;   
    while (eParElement != null) {                                           
        nLeftPos += eParElement.offsetLeft;     
        eParElement = eParElement.offsetParent; 
    }
    return nLeftPos;                           
}

function DL_GetElementTop(eElement) {
    var nTopPos = eElement.offsetTop;           
    var eParElement = eElement.offsetParent;   
    while (eParElement != null) {                                           
        nTopPos += eParElement.offsetTop;       
        eParElement = eParElement.offsetParent; 
    }
    return nTopPos;                             
}

function initscroller(){
if (ns4) {
  var thisspan=eval("document.roof.document.ticker")
  textcontentheight=thisspan.clip.bottom-thisspan.clip.top;
  document.roof.left=document.marker.pageX
  document.roof.top=document.marker.pageY+1*textborder
  document.tickerbg.left=document.marker.pageX+1*textborder
  document.tickerbg.top=document.marker.pageY+1*textborder
  document.roof.clip.width=textwidth;
  document.roof.clip.height=textheight-2*textborder;
  thisspan.top=textheight;
  thisspan.clip.width=textwidth;
  thisspan.clip.height=textcontentheight;
  document.roof.visibility="show";
  document.tickerbg.visibility="show";
  thisspan.visibility="show";
}
if (ie) {
  textcontentheight=document.all.ticker.clientHeight
  document.all.roof.style.posLeft=DL_GetElementLeft(document.all.marker);
  document.all.roof.style.posTop=DL_GetElementTop(document.all.marker);
  document.all.ticker.style.posTop=textheight
  document.all.ticker.style.clip='rect(0px, '+(textwidth-4)+'px, '+(textcontentheight)+'px, 0px)';
  document.all.roof.style.visibility="visible";
  document.all.ticker.style.visibility="visible";
}
if (ns6) {
  textcontentheight=document.getElementById('ticker').offsetHeight
  document.getElementById('roof').style.left=DL_GetElementLeft(document.getElementById('marker'));
  document.getElementById('roof').style.top=DL_GetElementTop(document.getElementById('marker'));
  document.getElementById('ticker').style.top=-textcontentheight
  document.getElementById('ticker').clip='rect(0px, '+(textwidth-4)+'px, '+(textcontentheight)+'px, 0px)';
  document.getElementById('roof').style.visibility="visible";
  document.getElementById('ticker').style.visibility="visible";
}
doscroll()
}

function setscrollready(whatanswer) {
if (whatanswer==1) {
  scrollready=true
  checkscroll()
}
else {
  scrollready=false
}
}

function checkscroll() {
clearTimeout(timer)
if (scrollready) {
  doscroll()
}
}
function reopenpage() {
history.go(0)
}
window.onresize=reopenpage
window.onload=initscroller
  </script>

</body>


Edição feita por: ## Dark Angell ##, 10/10/2004, 14:38.


#6 dragonight

dragonight

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 11/10/2004, 11:29

Isso garoto... uahauhauhauha!!! era o q eu queria !!!

Vlw. mesmo... auhhauuha!!!

Alias Obrigado a todos... A todos mesmo Vlw.. !!!


Ai Dark Angel, como vc abril so a pagina dele!!! Pra pegar o codigo fonte... top comando !!!

Edição feita por: xxALExx, 11/10/2004, 11:32.


#7 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 11/10/2004, 11:36

Acho que vc poderia fazer como foi falado pelo Sem Nick..
<marquee direction="up" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();">
<table border="0">
<tr>
<td>
<img src="uma imagem">
</td>
<td>
Texto texto texto
</td>
</tr>
</table>
<br><br><br>
<table border="0">
<tr>
<td>
<img src="uma imagem">
</td>
<td>
Texto texto texto
</td>
</tr>
</table>
<br><br><br>
<table border="0">
<tr>
<td>
<img src="uma imagem">
</td>
<td>
Texto texto texto
</td>
</tr>
</table>
</marquee>
Mais simples e menos scripts e com as mesmas funcoes (y)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#8 dragonight

dragonight

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 11/10/2004, 11:57

Acho que vc poderia fazer como foi falado pelo Sem Nick..

<marquee direction="up" scrollamount="5" onmouseover="this.stop();" onmouseout="this.start();">
<table border="0">
<tr>
<td>
<img src="uma imagem">
</td>
<td>
Texto texto texto
</td>
</tr>
</table>
<br><br><br>
<table border="0">
<tr>
<td>
<img src="uma imagem">
</td>
<td>
Texto texto texto
</td>
</tr>
</table>
<br><br><br>
<table border="0">
<tr>
<td>
<img src="uma imagem">
</td>
<td>
Texto texto texto
</td>
</tr>
</table>
</marquee>
Mais simples e menos scripts e com as mesmas funcoes (y)

Verdade... Mto mais simples e facil...

Dark Angell, Obrigadao vlho, mas eu mexi remexi ficou baum o q eu fiz, gostei mto do q vc fez tbm, vlw...

Mas cou fikar com o facil, qual quer coisa eu pego de vouto o seu... flw...!!!


E xxxALExxx, obrigadao... por tirar a duvida de como colocar imagem e talz... vlw mesmo... Bigadao a todos ae... (y) :D

#9 dragonight

dragonight

    Novato no fórum

  • Usuários
  • 18 posts
  • Sexo:Não informado

Posted 16/10/2004, 18:09

Galera... o dúvida cruel... Como eu faço...???

a noticia ta correndo (ate aki blz), agora... gostaria de saber como faço para q a noticia pare em um determinado "Table" ou "noticia", por uns segundinhos e depois continue correndo...

Tem como fazer isso ???

Com os Tags do xxxALExxx, tem como ???

Edição feita por: dragonight, 16/10/2004, 18:10.


#10 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 16/10/2004, 22:14

Com o que eu postei vc vai ter que mexer muitooo...
olhe o link que eu postei la em cima.. nele vc vai encontrar o script que vc esta procurando ;)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq