!DOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdhtml xmlns=httpwwww3org1999xhtmlheadmeta http-equiv=Content-Type content=texthtml; charset=utf-8 title窗
你可以通过修改CSS样式将窗口的初始显示设置为隐藏,然后在点击文字后再显示窗口。具体的修改如下所示:
将以下代码:
<div id="drag">
修改为:
<div id="drag" style="display: none;">
然后在文字的点击事件中添加显示窗口的代码。例如,你可以将以下代码:
<div class="content">
① 窗口可以拖动;<br />
② 窗口可以通过八个方向改变大小;<br />
③ 窗口可以最小化、最大化、还原、关闭;<br />
④ 限制窗口最小宽度/高度。
</div>
修改为:
<div class="content" onclick="showWindow()">
点击此处显示窗口
</div>
然后在JavaScript中添加显示窗口的函数。例如,你可以添加以下代码:
function showWindow() {
var oDrag = document.getElementById("drag");
oDrag.style.display = "block";
}
这样,在点击文字后,窗口会显示出来。
原文地址: https://www.cveoy.top/t/topic/i97f 著作权归作者所有。请勿转载和采集!