已解決430363個問題，去搜搜看，總會有你想問的

利用js實現彈出層的效果

首頁猿問利用js實現彈出層的效果

利用js實現彈出層的效果

Html/CSS Html5 JavaScript

woshi123w 2016-06-21 20:35:51

<button id="btn">這是一個彈出層按鈕</button><script>window.onload=function(){ s=document.getElementById('btn') s.onlick=function(){ er=document.createElement("div") er.id="dive" er.innerHTML="<div ?id='close'></div>" document.body.appendChild(er) er.style.left=(document.documentElement.clientWidth-er.offsetWidth)/2+"px" er.style.top=(document.documentElement.clientHeight-er.offsetHeight)/2+"px" document.getElementById('close').onclick=function(){ document.body.removeChild(er)} ?? } }</script>為什么沒有顯示出來結果

查看完整描述

6 回答

Dosin

TA貢獻4條經驗獲得超9個贊

首先是綁定事件的時候onclick少了一個c，其次彈出層沒有定義寬高，也沒有內容，撐不起來，再次就是彈出層沒有添加絕對定位，設置left和top值也是白搭

反對回復 2016-06-22

蒼白的尾巴

TA貢獻7條經驗獲得超1個贊

<!DOCTYPE?html>
<html>
<head>
	<title></title>
</head>
<body>
<button?id="btn">這是一個彈出層按鈕</button>
<script>
????window.onload?=?function()?{
????????var?s?=?document.getElementById('btn');
????????s.onclick?=?function()?{
????????????var?er?=?document.createElement("div");
????????????er.innerHTML?=?"我是div中文本，點我可以隱藏哦";
????????????document.body.appendChild(er);

????????????s.onmouseout?=?function()?{
????????????????document.body.removeChild(er);
????????????}
????????}
????}?
????</script>
</body>
</html>

點擊出現，鼠標挪開消失，只能消除最新的文字。

反對回復 2016-06-22

惟愿_無事常相見

TA貢獻30條經驗獲得超25個贊

沒有顯示效果是因為你的代碼中間有問題，dreamwaver在代碼中存在錯誤的時候有事也不會保存，現在瀏覽器一般都能檢查源代碼，你查一下就知道你的代碼問題在哪兒了。。
?????? 多看看正確的代碼是怎么寫的=_=? 憑感覺寫不好

反對回復 2016-06-21

6 回答
1 關注
2531 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

利用js實現彈出層的效果

利用js實現彈出層的效果

6 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

利用js實現彈出層的效果

利用js實現彈出層的效果

6 回答

相關問題推薦

添加回答