你可以通过修改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";
}

这样,在点击文字后,窗口会显示出来。

!DOCTYPE html PUBLIC -W3CDTD XHTML 10 TransitionalENhttpwwww3orgTRxhtml1DTDxhtml1-transitionaldtdhtml xmlns=httpwwww3org1999xhtmlheadmeta http-equiv=Content-Type content=texthtml; charset=utf-8 title窗

原文地址: https://www.cveoy.top/t/topic/i97f 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录