<SCRIPT LANGUAGE="java script">
windowopen ('"你影片的网页地址")
</SCRIPT>
代码如下:
<html>
<head>
<title>HTML网页打开后跳出来一个对话框,需要点确定</title>
</head>
<body onload="javascript:windowalert('确定吗?')">
</body>
<html>
如果要把提示分为两行居中显示代码如下:
<head>
<script language="javascript">
alert("d出提示上\nd出提示下")
</script>
</head>
OK,废话不多说;
按钮就用一个基本的:
<button class="btn">Click me</button>
<div class="dialog">我是浮动的窗口</div>
我们要给浮动层设置一下样式
dialog{width:200px;height:200px;border:solid 1px #000;position:absolute;right:10px;top:100px; line-height:200px;text-align:center;display:none}
OK ,下面就是JS部分:
首先需要引入一个JS库,版本自己定义:
然后给按钮添加相应的点击事件,让点击button的时候,显示出浮动层
$("btn")click(function(){
$("dialog")show(100)
})1其中btnid为按钮的ID
psd为用户的密码(用户以前的密码)
documentgetElementById(btnid)onclick = function() {
var password=prompt("请输入您的密码","");
if(password!=null &&password == psd) {
alert('输入成功!');
}
};
2<input type="button" value="d出窗口" onclick="javascript:windowopen("testhtml")">
通过jquery的show()和hide()函数联合使用,实现d出窗口。
一、show()和hide()函数解析:
1、show() 方法显示隐藏的被选元素。
注意:show() 适用于通过 jQuery 方法和 CSS 中 display:none 隐藏的元素(不适用于通过 visibility:hidden 隐藏的元素)。
2、hide() 方法隐藏被选元素。
这与 CSS 属性 display:none 类似,但是隐藏的元素不会被完全显示(不再影响页面的布局)。
二、设计一个HTML页面,包括一个简单的d出窗,和一个显示按钮。其中,调用了jquery的以上两个函数。具体代码如下:
三、设计遮罩层的样式,如下:
四、d出窗口的css样式,代码如下:
五、初始页面如下:
六、点击按钮,查看d出窗口结果:
七、关闭d出窗后,打开开发者中心,如下:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)