Estoy tratando de atenuar el color de fondo de una fila de la tabla, y no puede conseguir que la derecha. El fade-in va a pasar cuando se hace clic en un botón.

He intentado algo como:

$("#row_2").fadeIn('slow').css('background', 'gold')

Y a pesar de esto, aplicar el color a la fila de la tabla, no se desvanecen, pero se aplica a la vez.

Estoy seguro de que esto es una cosa simple, pero no puedo encontrar una respuesta a eso. He visto de todo en esta web, pero todavía no hay suerte para esta cosa en específico.

Gracias de antemano

intenta que aparezca un color? a continuación, utilice el plugin Sarfraz sugerido. Si usted se está preguntando por los cambios de color al instante, lo más probable es que el elemento está visible. Intente agregar una .hide() antes .fadeIn()

OriginalEl autor Marcos Placona | 2010-04-16

4 Comentarios

  1. 9

    Pedro Peller es irregular, si ya no eres el empleo de jquery UI, entonces, al menos, ir con la jQuery plugin de color.

    A continuación es un fragmento de código que he batido hasta que tuvo éxito a través de una variedad de navegadores:

    <a href="#" ID="fadeTable" title="click to fade col1">Click to fade Column 1</a>
    <table width="400px"  border="1" cellspacing="0" cellpadding="1" 
                          summary="This is my test table">
      <caption align="top">
      My Caption
      </caption>
      <tr>
        <th scope="col" class="row0 col1" >Col 1</th><th scope="col">Col 2</th>
      </tr>
      <tr>
        <td class="row1 col1" >one</td><td>Uno</td>
      </tr>
      <tr>
        <td class="row2 col1" >two</td><td>Dos</td>
      </tr>
    </table>
    <script language="javascript" type="text/javascript">
     $(document).ready(function(){
        //requires http://dev.jquery.com/view/trunk/plugins/color/jquery.color.js
        var iAniSpeed = 2000;
        var sBgColor = 'gold';
        $('#fadeTable').click(function(){
          $('td.col1').animate( { backgroundColor: sBgColor }, iAniSpeed);
            return false;       
        });
    });
    </script>

    Como una alternativa, usted puede desear para el color de fondo a su color original en primer lugar, a continuación, animar al nuevo color.

    Para hacer que eso suceda, basta con sustituir el actual animar bloque con algo como esto:

      $('td.col1').animate( { backgroundColor: 'white' }, 250, function() 
          {
            $(this).animate( { backgroundColor: 'gold' }, 2000);
          }
      );
    +1 Buen ejemplo

    OriginalEl autor Dean Peters

  2. 1

    Por desgracia no es posible atenuar el color de fondo (yo no sé acerca de la última versión de jquery). Sin embargo, usted puede utilizar este plugin para ese propósito:

    highlightFade

    Ahora le toca a usted si usted los utiliza ese plugin o no solo de fondo efecto de desvanecimiento 🙂

    OriginalEl autor Sarfraz

  3. 0

    Lo que acerca de jquery efecto de resaltado, como este:

    $("div").click(function () {
          $(this).effect("highlight", {}, 3000);
    });

    También puede especificar el color y la duración debe ser hightlighted. Usted puede aprender más de sitio de jquery.

    Para confirmar para otras personas que vean esto, este método requiere de jQuery UI

    OriginalEl autor VKGS

Dejar respuesta

Please enter your comment!
Please enter your name here