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();
            });

  • 相关阅读:
    SQL over关键字(转载)
    XSLT学习(转载)
    js动态添加options(转载)
    ASP.NET中如何防范SQL注入式攻击(转载)
    Wordpress SEO robots
    RegistryKey类的学习(转载)
    C# Lambda Expressions 简介(转载)
    ‍ps技巧184条(转载)
    2010年年终总结
    JavaScript(文件对象/锚点对象/链接对象)(转载)
  • 原文地址:https://www.cnblogs.com/wangtiantian/p/4998490.html
Copyright © 2011-2022 走看看