在线求网页放大效果？

一个网页分3部分
如图：现在想要效果：
    点部分一的放大，整个页面都是部分一，而其他两个隐藏！
    点部分二的放大时，整个页面都是部分二，而其他两个隐藏！
   给个好点的思路啊！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

学会javascript+css,走遍天下都不怕
只做参考http://topic.csdn.net/u/20090927/11/108ef678-cdeb-4427-843d-e35a0d193b55.html
  我要的不是这个效果！   我只是要一种实现方法   比如：用div我现在用的是表格实现的！  就是效果不好！
那你就先定div的css，方法与你实现的应该差不多
div隐藏显示
动态设置 style
那你学学div+css布局，尽量少用table，忠告
我是用JavaScript控制表格，点放大，其他就隐藏了！  但是这三个部分都是用iframe嵌里面的啊！    我也用div+JavaScript试了，就是点放大时，整个页面也是部分一了
  就是部分一里面的iframe的网页没放大
  我解决的！

  把做的代码贴出来！    希望大家指正！   期待更好的。<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Datadisplay.aspx.cs" Inherits="Datadisplay" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <SCRIPT language="javascript">function switchSysBar(type){
if(type=="1")
{
if(document.getElementById('Strong1').innerText=='放大')
{
document.getElementById('main').style.display = "none"
document.getElementById('main123').innerHTML=  document.getElementById('left').innerHTML
document.getElementById('Strong1').innerText='缩小'
document.getElementById('main123').style.height=1200
document.getElementById('iframe1').style.height=800
document.getElementById('iframe1').style.width=1002}
else
{
document.getElementById('main123').innerHTML="";
document.getElementById('Strong1').innerText='放大'document.getElementById('main').style.display = "block"}
}
if(type=="2")
{
if(document.getElementById('Strong2').innerText=='放大')
{
document.getElementById('main').style.display = "none"
document.getElementById('main123').innerHTML=  document.getElementById('you1').innerHTML
document.getElementById('Strong2').innerText='缩小'
document.getElementById('iframe2').style.height=1002
document.getElementById('iframe2').style.width=800}
else
{
document.getElementById('main123').innerHTML="";
document.getElementById('Strong2').innerText='放大'document.getElementById('main').style.display = "block"}
}
if(type=="3")
{
if(document.getElementById('Strong3').innerText=='放大')
{
document.getElementById('main').style.display = "none"
document.getElementById('main123').innerHTML=  document.getElementById('you2').innerHTML
document.getElementById('Strong3').innerText='缩小'
document.getElementById('iframe3').style.height=1002
document.getElementById('iframe3').style.width=800}
else
{
document.getElementById('main123').innerHTML="";
document.getElementById('Strong3').innerText='放大'document.getElementById('main').style.display = "block"}
}}</SCRIPT>
</head>
<body>
    <form id="form1" runat="server">
        现在位置：<asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath>
         <hr style="background-image: url(images/lineback.gif)" />
    <div id="main123"style="height:100%; position:absolute;  width: 100%;"></div>
   <div id="main"  style="height:100%; position:absolute;  width: 100%;">
<div id="left"  style="border:1px 1px solid #000000;height:100%; position:absolute; text-align:top;left: 0px; top: 0px; width: 55%;"><iframe id="iframe1" src="Http.aspx" style="WIDTH: 835px; HEIGHT: 800px; vertical-align:top"scrolling="no" frameborder="0"></iframe><SPAN onclick="switchSysBar(1)" vAlign="top"id="Strong1" title="放大"> 放大</SPAN></div>
<div id="you1"  style="border:1px 1px solid #000000;height:50%; position:absolute; border-top:0  text-align:top; right: 0px; top: 0px; width: 45%; "> <iframe id="iframe2" src="RemoteSetup/RMLog.aspx" scrolling="no" frameborder="0" style="WIDTH: 450px; HEIGHT: 400px; vertical-align:top"></iframe> <SPAN onclick="switchSysBar(2)" vAlign="top"id="Strong2" title="放大"> 放大</SPAN></div>
<div id="you2"  style="border:1px 1px solid #000000;height:50%; position:absolute; text-align:top; right: 0px; top: 500px; width: 45%;  "><iframe id="iframe3" src="Pwdmessages.aspx"scrolling="no" frameborder="0" style="WIDTH: 450px; HEIGHT: 400px; vertical-align:top"></iframe><SPAN onclick="switchSysBar(3)" vAlign="top"id="Strong3" title="放大"> 放大</SPAN></div>
</div>
    </form>
</body>
</html>

在线求 网页放大效果？

解决方案 »

在线求网页放大效果？