HTML 有没有代码可以实现网页翻转功能？
6个回答
展开全部
有，不过这个"时代"还需要等待，因为所有浏览器还没有真正的支持，可以用的有ie9以上、Chrome以及Safari、火狐等支持html5的浏览器，一下是针对body对应的代码：
body{
-webkit-transform: scaleX(-1); /*webkit内核的，比如chrome等*/
-moz-transform:scaleX(-1);/*火狐的*/
}
你可以试一试，浏览器需要完全支持，总有那么一天的事，还需等待。
追问
IE 浏览器呢？普通IE6，8，9，10
追答
ie9以下的都不支持。不过可以通过滤镜方法实现，但是长时间会影响电脑性能，所以不建议使用。
body{
-webkit-transform: scaleX(-1); /*webkit内核的，比如chrome等*/
-moz-transform:scaleX(-1);/*火狐的*/
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7660444431189777, M12=-0.6427876096865394, M21=0.6427876096865398, M22=0.7660444431189779)";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用控制div的显现的方式。可以用js。
举个列子：
<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>
举个列子：
<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的显现的方式。可以用js。
举个列子：
<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 内容等。。
举个列子：
<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 内容等。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
加个滤镜就可以了吧：
<html>
<body style="filter:FlipH">
反转的页面
</body>
</html>
<html>
<body style="filter:FlipH">
反转的页面
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有何意义？老板，你是想要做什么？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
