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

  • 相关阅读:
    20.logging模块
    21.django中间件源码阅读
    18.configparser模块
    15.DRF学习以及相关源码阅读
    19.tcp_upd
    13.关于继承封装,以及反射
    16.html转pdf的一个小示例
    14.django返回展示一张图片
    GridView列标题修改
    ~为服务器端根目录符
  • 原文地址:https://www.cnblogs.com/wangtiantian/p/4998490.html
Copyright © 2011-2022 走看看