zoukankan      html  css  js  c++  java
  • jquery实现的动画上下闪动

            function shantuhanshu() {
                $("#shantu").animate({ "top": "-=4px", "opacity": "1" }, 500);
                $("#shantu").animate({ "top": "+=4px", "opacity": "1" }, 500);
                $("#shantu").animate({ "top": "-=4px", "opacity": "1" }, 500);
                $("#shantu").animate({ "top": "+=4px", "opacity": "1" }, 500);
            };
            function shantuhanshuyi() {
                $("#shantu1").animate({ "top": "-=4px", "opacity": "1" }, 500);
                $("#shantu1").animate({ "top": "+=4px", "opacity": "1" }, 500);
                $("#shantu1").animate({ "top": "-=4px", "opacity": "1" }, 500);
                $("#shantu1").animate({ "top": "+=4px", "opacity": "1" }, 500);
            }
            function shantuhanshuer() {
                $("#shantu2").animate({ "top": "-=4px", "opacity": "1" }, 500);
                $("#shantu2").animate({ "top": "+=4px", "opacity": "1" }, 500);
                $("#shantu2").animate({ "top": "-=4px", "opacity": "1" }, 500);
                $("#shantu2").animate({ "top": "+=4px", "opacity": "1" }, 500);
            }

            //多少时间后执行一次
            function setInterval1() {
                setTimeout("shantuhanshu()", 3000);
            }
            function setInterval2() {
                setTimeout("shantuhanshuyi()", 6000);
            }
            function setInterval3() {
                setTimeout("shantuhanshuer()", 9000);
            }
            function setInterval123() {
                setInterval1();
                setInterval2();
                setInterval3();
            }

            //多少秒之后反复执行
            $(function () {

                setInterval(function () {
                    setInterval123();
                }, 9000);
                //movewenzi();
            });

  • 相关阅读:
    Java动态代理设计模式
    AOP的相关概念
    如何解决表单提交的中文乱码问题
    怎么防止重复提交
    http的响应码200,404,302,500表示的含义分别是?
    JSP三大指令是什么?
    说一下 session 的工作原理?
    session 和 cookie 有什么区别?
    说一下 JSP 的 4 种作用域?
    jsp有哪些内置对象?作用分别是什么?
  • 原文地址:https://www.cnblogs.com/wangtiantian/p/4998490.html
Copyright © 2011-2022 走看看