English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

  1. Ubicación actual
  2. Página principal
  3. Notas de experiencia
  4. Texto principal

Breve discusión sobre las funciones de efecto en jQuery

jQuery tiene muchos efectos disponibles, por ejemplo, efectos de desvanecer y aparecer: <html>

 
    <style>
      #box{width:200px;height:200px;fondo:red;opacidad:1;}
    </style>
  </head>
  
    

    </div>
    <input type="button" value="ocultar/mostrar"id="bt1">/><br/>
    <input type="button" value="desvanecer"id="bt2">/><br/>
    <input type="button" value="desvanecer"id="bt3">/><br/>
    <input type="button" value="deslizar"id="bt4">/><br/>
    <input type="button" value="deslizar"id="bt5">/><br/>
    <input type="button" value="semitransparente"id="bt6">/><br/>
    <input type="button" value="deslizar/deslizar "id="bt7">/><br/>
    <input type="button" value="desvanecer/desvanecer "id="bt7">/><br/>
  </body>
  
  
<script type="text/javascript"> 
$(document).ready(function(){
 $(".flip").click(function(){
  $(".panel").slideDown("slow");
 });
});
</script>
<style type="text">/css"> 
div.panel,p.flip
{
margin:0px;
padding:5px;
text-align:center;
background:#e5eecc;
border:solid 1px #c3c3c3;
}
div.panel
{
height:120px;
display:none;
}
</style>
</head>

<div class="panel">
<p>W3School - 领先的 Web 技术教程站点</p>
<p>在 W3School，你可以找到你所需要的所有网站建设教程。</p>
</div>
<p class="flip">请点击这里</p>
</body>
</html>
jQuery能够实现简单的动画效果：<!DOCTYPE html>