Como hacer el efecto como si apagaras la tv

K1R4MC · #1 (**permalink**) 09/05/2014, 22:36

hay un efecto en jquery (creo) que es como si apagaras la tv osea que se queda una pequeña linea blanca cuando se apaga la tv, no se si me podrian decir como hacerlo porfavor

andresgarciadev · #2 (**permalink**) 10/05/2014, 14:34

tal vez te refieres al efecto clip?
http://api.jqueryui.com/clip-effect/

boistoc · #3 (**permalink**) 08/06/2014, 23:28

Cita:

Iniciado por andresgarciadev

tal vez te refieres al efecto clip?
[url]http://api.jqueryui.com/clip-effect/[/url]

una pregunta, ¿se puede hacer con un hipervinculo?

K1R4MC · #4 (**permalink**) 09/06/2014, 18:35

Cita:

Iniciado por andresgarciadev

tal vez te refieres al efecto clip?
http://api.jqueryui.com/clip-effect/

sipi mira hice esto:

Código HTML:

Ver original<html lang="es">
        <head>
                <title>TeleVisor</title>
                <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
                <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
                <script src="tvfunction.js"></script>
        </head>
        <style>
                #TV {
                        background:#e7e7e7;
                        width:500px;
                        height:500px;
                        margin:auto;
                }
                .TvFondoTOP {
                        background:#000000;
                        height:1px;
                }
                .TvFondoDown {
                        background:#000000;
                        height:1px;
                        margin-top:499px;
                }
        </style>
        <section id="tv">
                <article class="TvFondoTOP"></article>
                <article class="TvFondoDown"></article>
                <button class="PrenderTV" onclick="OffTv();">Apagar</button>
                <button class="PrenderTV" onclick="OnTv();">Encender</button>
        </section>
<script>function OnTv()
 {
        // Documento Listo
        $(document).ready(function(){
                // Subir Fondo TOP
                $(".TvFondoTOP").css({
                        "height":"1px",
                        "-webkit-transition":"1s",
                });
                // Bajar Fondo Down
                $(".tvFondoDown").css({
                        "height":"1px",
                        "margin-top":"499px",
                        "-webkit-transition":"1s",
                });
         });
 }
// Apagar Tv
 function OffTv()
 {
        // Documento listo
        $(document).ready(function(){
                // Bajar Fondo TOP
                $(".TvFondoTOP").css({
                        "height":"49%",
                        "-webkit-transition":"1s",
                });
                // Subir Fondo Down
                $(".tvFondoDown").css({
                        "height":"50%",
                        "margin-top":"1px",
                        "-webkit-transition":"1s",
                });
         });
 }
</script>
</html>

bueno quería saber si se podía hacer con hipervinculo no soy muy bueno en lo que es javascript je ^^ digamos que va a la pagina2.php, ¿se puede?