最も簡単なCSS、JSポップアップ

ここではいくつかのHTML、CSSおよびJavaScriptコードです：最も簡単なCSS、JSポップアップ

<Body onload="document.getElementById('Chrome_popup').style = 'position: fixed; left:0; bottom:10%; height:10%; width:100%;';"> 
<Div id="pop-up" style="position: fixed; left:0; bottom:-10%; height:10%; width:100%;"> 
Hi 
</Div> 
</Body>

私は、ドキュメントを開いたときのdivがアップをポップにしたいです。私に移行コードを追加してください。以下

出典

2017-09-08 user8575948

<body></body>の代わりを使用しますか？あなたはすでに何かを試しましたか？そして、どの要素をポップアップしようとしていますか？あなたのソースはあいまいです。 –

@MrLister＃ポップアップを画面の外側（下）から上（下段：10％）に移動したい。 – user8575948

ポップアップを1秒以内に下から上に移動 – user8575948

CSSはあなたを助けるために起こっている：

#pop-up { 
    -webkit-transition:all .8s ease; 
    -moz-transition:all .8s ease; 
    -ms-transition:all .8s ease; 
    -o-transition:all .8s ease; 
    transition:all .8s ease; 
}

ところで、HTMLタグは小文字ではなく、上位のもので始まります！あなたが心に推移はどのようなを持っていなかった<Body></Body>

#pop-up { 
 
    -webkit-transition:all .8s ease; 
 
    -moz-transition:all .8s ease; 
 
    -ms-transition:all .8s ease; 
 
    -o-transition:all .8s ease; 
 
    transition:all .8s ease; 
 
}

<body onload="document.getElementById('pop-up').style = 'position: fixed; left:0; bottom:10%; height:10%; width:100%;';"> 
 
<div id="pop-up" style="position: fixed; left:0; bottom:-10%; height:10%; width:100%;"> 
 
Hi 
 
</div> 
 
</body>

出典

2017-09-08 08:12:55 Afshin

最も簡単なCSS、JSポップアップ

答えて

関連する問題