Jump to content
Biel.

colocar imagem nos links

Recommended Posts

Olá pessoal. Direto ao ponto.  Estou tentando colocar imagem no link pagina1, pagina2 e pagina3 , depois colocar o cursor sobre a imagem e ver se na barra de tarefas os links  pagina1, pagina2 e pagina3 estão passando 

<style>	
#box{ margin:auto; width:200px; 
	/* position:relative; */
	}
#box a{ opacity:0; position: absolute; }
#box a.selected{ opacity:1; font-size:30px; }
</style>

...

    <div id="box">
    <a href="pagina1.php" class="selected">pagina1</a>
    <a href="pagina2.php">pagina2</a>
    <a href="pagina3.php">pagina3</a>
    </div>

<!-- <img src="aprendiz1.gif" >  <img src="aprendiz2.gif" > <img src="aprendiz3.gif" >  -->

...

<script type="text/javascript">

var time = 1000;
var quantidadeLink = 0;
var links = document.querySelectorAll("#box a");
var maximo = links.length;

function nextLink(){
    links[quantidadeLink]
        .classList.remove("selected")

    quantidadeLink++

    if(quantidadeLink >= maximo)
		quantidadeLink = 0;
		
    links[quantidadeLink]
        .classList.add("selected")
}


function start() {
    setInterval(() => {
        // troca de image
        nextLink()
    }, time)
}

window.addEventListener("load", start)


</script>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Biel.
      Olá pessoal. Direto ao ponto. Abaixo temos pagina pesquisar e exibir. Ao pressionar ok a url retorna o parâmetro  exibir.php?parametroA=123 .  Ao pressionar ok, como fazer para retornar três parâmetro na url assim ->  exibir.php?parametroA=123&parametroB=5&parametroC=7  obrigado !
       
      esta á a pagina pesquisar.php <form action="exibir.php" method="get" name="form1" id="form1" > <input type="text" name="parametroA" value="123"> <button type="submit" value="ok"> </form> esta á a pagina exibir.php  
    • By Biel.
      Olá pessoal. Direto ao ponto. Estou tentando enviar os dados sem refresh na página.  Obrigado!
       
      pagina1.php <?php @$nome = $_POST['nome']; print $nome.'<br><br><br>'; ?> <script> function enviarSemRefrash() { } </script> <form id="formulario" action="" method="post"> Nome: <br /> <input name="nome" type="text" id="nome" size="35" /> <br /><br /> <input type="submit" name="acao" onClick="enviarSemRefrash()" value="Enviar" /> </form>  
    • By Biel.
      Olá pessoal. Direto ao ponto. Ex1 retorna normalmente os elementos do array. Como fazer o EX2 também retornar os elementos do array. Obrigado!
       
      Ex1 <?php $dados = array('teste1', 'teste2', 'teste3', 'teste4'); for($a=0; $a<count($dados); $a++){ print $dados[$a].'<br>'; } ?> Ex2 <?php $dados = array(`teste1`, `teste2`, `teste3`, `teste4`); for($a=0; $a<count($dados); $a++){ print $dados[$a]; } ?>  
    • By Biel.
      Olá pessoal. Direto ao ponto. EX1 imprime dados repetidos. EX2 não imprime dados repetidos. Que função uso no  EX1 para imprimir somente dados não repetidos? Obrigado !
       
      EX1
      <?php $a=1; $b=2; $c=1; $d=4; $e=5; $imprime=$a.'<br>'.$b.'<br>'.$c.'<br>'.$d.'<br>'.$e; print $imprime; ?> EX2
      <?php $a=1; $b=2; $c=3; $d=4; $e=5; $imprime=$a.'<br>'.$b.'<br>'.$c.'<br>'.$d.'<br>'.$e; print $imprime; ?>  
    • By Biel.
      Olá pessoal. direto ao ponto. Suponha que o código abaixo é um site.
      a navegação interna entre os links funciona normalmente sem refresh na pagina, mas na ul não passa o link que foi pressionado. Como fazer passar na url o link que foi pressionado ?
       
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //$("#tete").click(function( e ){ $("#menu a").click(function( e ){ e.preventDefault(); var href = $( this ).attr('href'); $("#content").load( href +" #content"); }); }); </script> ...
      index.php <ul id="menu"> <li><a href="index.php" id="tete">Home</a></li> <li><a href="fotos.php" id="tete">Fotos</a></li> <li><a href="contato.php" id="tete">Contato</a></li> </ul> <div id="content"> <h1>esta é a pagina index</h1> </div> <hr> fotos.php <ul id="menu"> <li><a href="index.php" id="tete">Home</a></li> <li><a href="fotos.php" id="tete">Fotos</a></li> <li><a href="contato.php" id="tete">Contato</a></li> </ul> <div id="content"> <h1>esta é a pagina fotos</h1> </div> <hr> contato.php <ul id="menu"> <li><a href="index.php" id="tete">Home</a></li> <li><a href="fotos.php" id="tete">Fotos</a></li> <li><a href="contato.php" id="tete">Contato</a></li> </ul> <div id="content"> <h1>esta é a pagina contato</h1> </div> <hr>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.