Javascript 如何在HTML+jQuery+CSS中显示弹出窗口？

如何显示弹出窗口？当用户单击按钮时，它不会首先显示；我面临的问题很少

1我想在底部显示一个弹出窗口，其全宽为弹出窗口底部高度的50%，触摸屏底部

2在我的弹出窗口中是否可以使用css转换？我们展示了弹出式动画在几秒钟内向上移动

谢谢

下面是一个例子

---

从小提琴上我可以看出，你头脑里的东西并不清楚。我建议您做更多的练习，更好地全面了解文档对象模型的工作方式和操作方式。这将帮助您自己解决您的问题。您所说的弹出窗口是什么意思？I显示在屏幕上方的容器查看jQuery对话框功能@user2648752位置：固定；底部：0；左：50%；左边距：-100px；这将修正按钮在页面底部和中间…你仍然很难得到你想要/需要的东西…虽然这个链接可以回答这个问题，但最好在这里包括答案的基本部分，并提供链接供参考。如果链接页面更改，只有链接的答案可能会无效。每天我们都会学到一些东西：正如你所说，我已经更新了我的答案。

<button  class ="btn" id="bt"> Pop up</button>

<div class ="container" >
    <h1 class="title"> Title</h1>
    <div class="left"> left</div>
    <div class="right">right</div>
    <div class="bobyclass">body</div>
    <div class="fotter">fotter</div>

</div>

<!-- Button to trigger modal -->
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>

<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">
    <p>One fine body…</p>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
    <button class="btn btn-primary">Save changes</button>
  </div>
</div>