html点击按钮怎么d出一个浮动的窗体？_随笔

首先根据需求我们需要一个按钮，一个d出窗口层；\x0d\x0aOK，废话不多说；\x0d\x0a按钮就用一个基本的：\x0d\x0aClick me\x0d\x0a我是浮动的窗口\x0d\x0a\x0d\x0a我们要给浮动层设置一下样式\x0d\x0a.dialog{width:200pxheight:200pxborder:solid 1px #000position:absoluteright:10pxtop:100pxline-height:200pxtext-align:centerdisplay:none}\x0d\x0a\x0d\x0aOK ,下面就是JS部分：\x0d\x0a首先需要引入一个JS库，版本自己定义：\x0d\x0a然后给按钮添加相应的点击事件，让点击button的时候，显示出浮动层\x0d\x0a$(".btn").click(function(){\x0d\x0a$(".dialog").show(100)\x0d\x0a}) 回答于 2022-11-16

介绍几种方法：

第一种：javascripts代码

<!--

window.open ('page.html')

-->

</SCRIPT>

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点d出就尽量往前放。也可以，越前越早执行，尤其是页面代码长，又想使页面早点d出就尽量往前放。

第二种：

<!--

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no')

//写成一行

-->

</SCRIPT>

第三种：函数控制

下面是一个完整的代码：

<html>

<head>

<!--

function openwin() {

window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")

//写成一行

}

//-->

</script>

</head>

...任意的页面内容...

</body>

</html>

上面这三种d出窗口的代码都可以应用。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zaji/6232382.html

html点击按钮怎么d出一个浮动的窗体？

发表评论

评论列表（0条）