none
Duvida com o JQuery RRS feed

  • Pergunta

  • Opa a todos.

    Pessoal por que ou o q eu fiz de errado para que este script JQUERY fique piscando quando se passa o mouse sobre a imagem.

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="teste.aspx.vb" Inherits="teste" %>
    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
      <title></title>
      
      <script src="Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
    	<script src="Scripts/jquery-ui.min.js" type="text/javascript"></script>
    	
      <style>
    	
    	#effect {margin: -50px 0 0 0; height:50px; padding: 2px; position: relative; background-color:Gray; }
    	.effect {margin: -50px 0 0 0; height:50px; padding: 2px; position: relative; background-color:Gray; }
    	</style>
    	<script>
    	  $(function () {
    	    $("div").mouseover(function () {
    	      var id = $(this).attr('id');
    	      $("#" + id + "a").fadeIn(500);
    	    });
    	    $("div").mouseout(function () {
    	      var id = $(this).attr('id');
    	      $("#" + id + "a").fadeOut(500);
    	    });
    	    
    	    $(".effect").hide();
    	  });
    	</script>
    </head>
    <body>
      <form id="form1" runat="server">
      
      <table style="width: 250px;" bgcolor="#FFFFCC">
        <div class="toggler">
        <tr>
          <td align="center" height="180px" valign="middle" width="250px">
            <div id="foto1">
            <img alt="" id="button" class="style3" src="userfiles/imagens/4408130_a1.jpg" width="250px" />
              <div class="effect" id="foto1a">
    		        <p>Etiam libero neque, .</p>
    	        </div>
            </div>  
          </td>
        </tr>
        <tr>
          <td align="center" height="180px" valign="middle" width="250px">
            <div id="foto2">
            <img alt="" id="Img1" class="style3" src="userfiles/imagens/4408130_a1.jpg" width="250px" />
              <div class="effect" id="foto2a">
    		        <a href="#">Link</a>
    	        </div>
            </div>
          </td>
        </tr>
        </div> 
      </table>
      </form>
    </body>
    </html>
    
    

    Obrigado

     

    segunda-feira, 11 de julho de 2011 16:00

Respostas

Todas as Respostas