求类似的HTML特效!!!
发布网友
发布时间:2022-05-05 05:15
我来回答
共4个回答
热心网友
时间:2023-10-10 17:07
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
body{margin:0;padding:0;}
#topFill{display:none;text-align:center;position:absolute;z-index = 999;filter:alpha(opacity=50);background-color:#6699FF;opacity: 0.5;-moz-opacity: 0.5;width:100%;}
#alertBox{margin:auto;height:150px;width:300px;background-color:#cf0;text-align:left;border:1px solid #666}
#alertTitle{height:20px;background-color:#EDF8B8;line-height:20px;padding:0 10px;border-bottom:1px solid #71860D}
#alertContent{padding:42px 0;;text-align:center;}
#alertBtn{text-align:center;}
#alertBtn input{margin:0 10px;background:#FFFF99;border:1px solid #fff;height:20px;line-height:20px;}
.STYLE1 {
font-size: 18px;
font-weight: bold;
}
.STYLE2 {color: #336600}
</style>
<script type="text/javascript" >
//document.documentElement.clientHeight+'px'
// onload的时候声明对象
var obj = new Object;
function oload(){
obj = document.getElementById('topFill');
obj.style.display = 'none';
}
var url="";
function cl(aa){
document.body.style.height = document.documentElement.clientHeight + 'px';
obj.style.marginTop = -75+document.documentElement.clientHeight/2+"px";
obj.style.display = 'block';
obj.style.height = document.documentElement.clientHeight + 'px';
document.body.style.backgroundColor = '#6699FF';
url=aa;
}
function bcl(){
document.body.style.overflow = '';
document.body.style.backgroundColor = '';
obj.style.display = 'none';
}
function oresize(){
if(obj.style.display != 'block'){
}else{
cl();
}
}
function isno(str){
if (str == 'yes'){
window.location=url;
}else {
bcl();
}
}
</script>
</head>
<body onload="oload()" onresize="oresize()">
<div id="topFill">
<div id="alertBox">
<div id="alertTitle">警告!</div>
<div id="alertContent">你确定要删除吗?</div>
<div id="alertBtn"><input type="button" value="是(Y)" onclick="isno('yes')" /><input type="button" value="否(N)" onclick="isno('no')" /></div>
</div>
</div>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<div align="center" class="STYLE1"><a href=# class="STYLE2" onclick="cl('http://提交以后的网址!')">删除</a></div>
</body>
</html>
热心网友
时间:2023-10-10 17:07
http://kankan.xunlei.com/js/kankan_index_2_9.js
这个就是,自己研究下代码
热心网友
时间:2023-10-10 17:08
你等高手给你弄吧 小弟帮不了你了
热心网友
时间:2023-10-10 17:09
如果在这没有答案,建议你去百度仔细找找吧,关键词:网页特效或者是消息盒子。