JavaScript: ¿Cómo se logra el efecto de animación deslizable en el marco jQuery?
<! doctype html & gt
& lthtml lang = " en " & gt
& lthead & gt
& lttitle & gtjQuery UI Acordeón -Función predeterminada& lt/ title> ;
& ltlink type = " texto/CSS " href = " tema/ui . all . CSS " rel = " hoja de estilo "/& gt;
& ltscript type = " texto/JavaScript " src = " jquery-1 . js " & gt; & lt/script & gt;
& ltscript type = " texto/JavaScript " src = " ui /ui . core . js " & gt; & lt/script & gt;
& ltscript type = " text/JavaScript " src = " ui/ui acordeón . ;
& ltscript type = " texto/JavaScript " & gt;
$(función() {
$(" #Acordeón") .acordeón( );
});
& lt/script & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv class="demo " >>p>
& ltdiv id = " acordeón " & gt
& lth3 & gt& lta href = " # " & gtsección 1 & lt;/a & gt; & lt/H3 & gt;
& ltdiv & gt
& ltp & gt
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Entero
ut neque. Embarazo, parto, alumbramiento, alumbramiento
Amit, nunc. Nam a nibh. Donec suscipit eros. Sudamerica. Salud a la vida
Odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
& lt/p & gt;
& lt/div & gt;
& lth3 & gt& lta href = " # " & gtSección 2 & lt /a & gt;& lt/H3 & gt;
& ltdiv & gt
& ltp & gt
Sed non urna. Hecho y ante. poroto. Armadura Vestibular Sentada
Perus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
Bueno, puedes vivir tu vida libremente. No hay energía de vida. En...
suscipit faucibus urna.
& lt/p & gt;
& lt/div & gt;
& lth3 & gt& lta href = " # " & gtSección 3 & lt /a & gt;& lt/H3 & gt;
& ltdiv & gt
& ltp & gt
Nombre enim risus, morie et, porta ac , aliquam ac, risus. Queque Lobotis.
Phasellus pellentesque purus en Massachusetts. Enean en Peder. Frijoles de la libertad
ac tellus pellentesque semper.
Dijo AC Cat. Sed commodo, magna quis
Te lo habría dicho si no estuvieras aquí.
& lt/p>
& ltul>
& lt李>Enumere el primer elemento</李>
p>& lt李& gtEnumere el segundo elemento& lt/李& gt
& lt李& gtEnumere el tercer elemento& lt/李& gt
& lt/ul & gt;
& lt/div & gt;
& lth3 & gt& lta href = " # " & gtSección 4& lt/a & gt ;& lt/H3 & gt;
& ltdiv & gt
& ltp & gt
Lema de Cras. Residente pellentesco morbi tristique sense y netus
y famoso actor de Malesouda. Primer Vestíbulo
Phosibius Octus y Ulterius Curé; Edad del Hielo
mauris vel est.
& lt/p & gt;
& ltp & gt
Suspender eu nisl. La libertad es libertad. Diagnóstico de números enteros.
Según nuestros hábitos, podemos
las puertas del infierno.
& lt/p & gt;
& lt/div & gt; lt/div><! -Finalizar demostración-& gt;
& ltdiv class="demo-description " >>p>
& ltp & gt
Haga clic en el título para expandir/contraer Contenido de sección lógica, muy parecido a las pestañas.
Como alternativa, puede alternar entre abrir y cerrar una sección al pasar el mouse.
& lt/p & gt;
& ltp & gt
El marcado HTML subyacente es una serie de encabezados (etiquetas H3) y partes de contenido, por lo que El contenido
No se requiere JavaScript para su uso.
& lt/p & gt;
& lt/div & gt; -fin de la presentación-descripción->
</body>
</html>