zoukankan      html  css  js  c++  java
  • 通过原生js添加div和css

    function createStyle(){
        return"*{padding:0;margin:0;border:0}.loading{640px;height:1024px;margin:0 auto}.loadImg{640px;height:1024px;animation:fadeInOut 3s linear;-webkit-animation:fadeInOut 3s linear;-moz-animation:fadeInOut 3s linear;opacity:0}@keyframes fadeInOut{0%{opacity:0}25%{opacity:.5}45%{opacity:1}50%{opacity:1}55%{opacity:1}75%{opacity:.5}100%{opacity:0}}@-moz-keyframes fadeInOut{0%{opacity:0}25%{opacity:.5}45%{opacity:1}50%{opacity:1}55%{opacity:1}75%{opacity:.5}100%{opacity:0}}@-webkit-keyframes fadeInOut{0%{opacity:0}25%{opacity:.5}45%{opacity:1}50%{opacity:1}55%{opacity:1}75%{opacity:.5}100%{opacity:0}}"
    }
    function addStyle(){
        var style = document.createElement("style");
        style.type = "text/css";
        style.innerHTML = createStyle();
        window.document.head.appendChild(style);
    }
    function addDom(){
        var div = document.createElement("div");
        div.className = "loading";
        window.document.body.appendChild(div);
        var img = document.createElement("img");
        img.src="img/bg.png";
        img.id="loadImg";
        img.className="loadImg";
        div.appendChild(img);
    }
    window.onload=function(){
        addStyle();
        addDom();
    }
  • 相关阅读:
    常用查找算法总结
    cout<<endl 本质探索
    C语言字符串操作函数实现
    Shell编程实例
    Linux搭建SVN服务器
    Linux下搭建gtk+2.0开发环境
    Cairo编程
    DirectFB编程
    Ubuntu安装与配置
    Android学习之仿QQ側滑功能的实现
  • 原文地址:https://www.cnblogs.com/cynthia-wuqian/p/5363736.html
Copyright © 2011-2022 走看看