zoukankan      html  css  js  c++  java
  • 运动框架

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <style type="text/css">
            div{
                width: 200px;
                height: 200px;
                background: red;
                filter:alpha(opacity:30);
                opacity: 0.3;
                margin:20px;
                float:left;
            }
        </style>
        <script type="text/javascript">
    //框架调用
    window.onload = function(){ var Odiv = document.getElementsByTagName('div'); for(var i = 0;i<Odiv.length;i++){ Odiv[i].alpha = 30; Odiv[i].onmouseover = function(){ starMove(this,100); }; Odiv[i].onmouseout = function(){ starMove(this,30); } } }
    //框架定义
    function starMove(obj,iTarget) { clearInterval(obj.timer); obj.timer = setInterval(function(){ var speed = (iTarget - obj.alpha)/6; speed = speed>0?Math.ceil(speed):Math.floor(speed); if(obj.alpha == iTarget){ clearInterval(obj.timer); }; else{ obj.alpha += speed; obj.style.filter = 'alpha(opcity:'+obj.alpha+')'; obj.style.opacity = obj.alpha/100; }; },30); } </script> </head> <body> <div></div> <div></div> <div></div> <div></div> </body> </html>
  • 相关阅读:
    springboot整合swagger2
    关于lombok
    RSA加密和AES加密
    守护进程监控tomcat并自启
    java按照目录结构压缩文件夹以及文件夹内内容
    wxx
    附加作业
    软工作业3
    软工作业2
    软工作业一 201621123070陈伟杰
  • 原文地址:https://www.cnblogs.com/miaomiaomiao/p/5099713.html
Copyright © 2011-2022 走看看