HTML 如何实现页面翻转效果 请给例子
发布网友
发布时间：2022-04-20 22:18
共1个回答
热心网友
时间：2022-04-19 08:46
举个列子：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>div显现与隐藏</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function toggle(targetid){
if (document.getElementById){
target=document.getElementById(targetid);
if (target.style.display=="block"){
target.style.display="none";
} else {
target.style.display="block";
}
}
}
-->
</script>
<style type="text/css">
<!--
#div1{
background-color:#000000;
height:400px;
width:400px;
display:none;
}
-->
</style>
</head>
<body>
<input type="button" id="butn" value="显示/隐藏" onclick="toggle('div1')" />
<center>
<div id="div1"></div></center>
</body>
</html>
我把核心给你写好了，剩下的就靠你自己装饰一下了。比如把div夸大到全屏，该div 内容等。。
参考资料：自己
