现在的位置: 首页 > 综合 > 正文

Web页面层次_01_head固定显示

2013年12月13日 ⁄ 综合 ⁄ 共 6134字 ⁄ 字号 小 中 大 ⁄ 评论关闭

<!-- saved from url=(0025)http://www.grapecity.com/ -->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift-JIS">
<title>SPREAD for .NET 3.0J Web Forms Edition リリースノート</title>
<!-- ******** 以下は、スタイル設定用のエリアです。 ******** -->
<style>
/* 全体のスタイル */
BODY {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:100%;
    background: #ffffff;
    color: #000000;
    font-family: Meiryo, ＭＳ Ｐゴシック, Arial, Verdana, Helvetica, sans-serif;
}
/* タイトル */
DIV.TitleHeader {
    margin: 0px 0px 0px 0px;
    padding: 1px 20px 0px 25px;
    vertical-align: middle;
    border-color: #999999;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    background-color: #f5f5f5;
    color: #0000af;
    font-size: 80%;
}
/* 項目のタイトル */
DIV.Topic {
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 10px;
    color: #0000af;
    font-size: 95%;
    font-weight: bold;
    line-height: 1.2;
}
/* 本文 */
DIV.Standard {
    margin: 0px 0px 0px 0px;
    padding: 5px 20px 15px 25px;
    font-size: 80%;
    line-height: 1.5;
    color:#333;
}
/* 整形済みテキスト */
PRE {
    margin: 0px 0px 0px 0px;
    font-family: Meiryo, ＭＳ Ｐゴシック, Arial, Verdana, Helvetica, sans-serif;
}
/* 表 */
TABLE {
    margin: 0px 0px 0px 0px;
    border-color: #999999;
    border-style: solid;
    border-width: 1px 1px 0px 0px;
    font-size: 100%;
    line-height: 1.2;
    table-layout: fixed;
}
/* 表のタイトル行 */
TH {
    padding: 4px 6px 4px 6px;
    text-align: left;
    vertical-align: bottom;
    border-color: #999999;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
    background: #e2e2e2;
}
/* 表の通常行 */
TD {
    padding: 4px 6px 4px 6px;
    text-align: left;
    vertical-align: top;
    border-color: #999999;
    border-style: solid;
    border-width: 0px 0px 1px 1px;
}
/* リンク表示：フォーカスなし */
A {
    color: #0000ff;
     text-decoration: none;
}
/* リンク表示：フォーカスあり */
A:hover {
    color: #00bfff;
    text-decoration: underline;
}
/* 横線（区切り線） */
HR {
    color: #999999;
    height: 1px;
}
LI.Space {
    margin-bottom: 5px;
}
H5.B {
    margin: 0px 0px 0px 0px;
    color: #cc0000;
}
/* 本文内のサブタイトル C型*/
H5.C {
    margin: 0px 0px 5px 0px;
    color: #4169e1;
}
/* 表示と非表示の切り替え */
SPAN {
    color: #4169e1;
    cursor: pointer;
    cursor: hand;
    font-weight: bold;
}
</style>
<!-- ******** 以下は、JavaScriptのエリアです。 ******** -->
<script type="text/javascript">
function bodyLoad(){
    document.getElementById("checkIsScroll").checked = false;
    resizeBody();
    window.onresize = bodyResize;
}
function bodyResize(){
    resizeBody();
}
function resizeBody(){
    try
    {   
        if (document.body.clientWidth == 0) return;
        if (IsGecko() == true) {
            document.body.style.overflow = "hidden";
        }
        var oHead = document.getElementById("pagehead");
        var oBody = document.getElementById("pagebody");
        if (oBody == null) return;
        if (oHead != null)
        {
            document.body.scroll = "no";
            oBody.style.overflow = "auto";
            oBody.style.width = document.body.offsetWidth - 4;
            oBody.style.top = 0; 
            if (document.body.offsetHeight > oHead.offsetHeight)
            {
                oBody.style.height = document.body.offsetHeight - (oHead.offsetHeight + 4)
            }
            else
            {
                oBody.style.height = 0
            }
        }   
        try
        {
            nstext.setActive();
        }
        catch(e){}
    }
    catch(e){}
}

function changeDisplay(target){
    var oBlock = document.getElementById(target);
    if (oBlock == null) return;
    if (oBlock != null)
    {
        if (oBlock.style.display == "")
        {
            oBlock.style.display = "none";
        }
        else
        {
            oBlock.style.display = "";
        }
    }
}

function checkIsScroll_OnClick() {
    if(document.getElementById("checkIsScroll").checked == false) {
        resizeBody();
        window.onresize = bodyResize;
    } else {
        document.body.scroll = "yes";
        if (IsGecko() == true) {
            document.body.style.overflow = "visible";
        }
        var oBody = document.getElementById("pagebody");
        oBody.style.width = "98%";
        oBody.style.overflow = "visible";
        window.onresize = null;
        var i;
        for (i=1;i<=4;i++)
          {
            openDisplay("update"+""+i);
        }
    }
}

function openDisplay(target){
    var oBlock = document.getElementById(target);
    if (oBlock == null) return;
    if (oBlock != null)
    {
        oBlock.style.display = "";
    }
}

function IsGecko() {
    if (navigator.userAgent.match(/Gecko/)) return true;
}
</script>
</head>

<!-- ******** ここから本文がはじまります。 ******** -->
<body onLoad="bodyLoad()">

<div id="pagehead">
  <div class="TitleHeader">
    <h4 style="margin-bottom:5px"><u>SPREAD for .NET 3.0J Web Forms Edition リリースノート</u></h4>
    <b>Version 3.0.2010.2005</b><font color="#000000">
    <INPUT id="checkIsScroll" onclick="checkIsScroll_OnClick()" type="checkbox" value="ON">印刷用フォーマット</INPUT>
    </font>
    <table style="border-style:none; table-layout:auto">
      <tr>
        <td style="border-style:none; padding:0px 0px 0px 0px">
        <ul style="margin:15px 0px 10px 40px; color:#0000af">
          <li><a href="#item1">はじめに</a></li>
          <li><a href="#item2">インストール</a></li>
          <li><a href="#item3">ライセンス認証</a></li>
          <li><a href="#item4">コンポーネントの登録</a></li>
        </ul>
        </td>
        <td style="border-style:none; padding:0px 0px 0px 0px">
        <ul style="margin:15px 0px 10px 50px; color:#0000af">
          <li><a href="#item5">ActiveXコンポーネントの登録</a></li>
          <li><a href="#item7">旧バージョンからの移行と共存について</a></li>
          <li><a href="#item0">修正・変更された機能</a></li>
          <li><a href="#item8">制限事項と注意点</a></li>
        </ul>
        </td>
        <td style="border-style:none; padding:0px 0px 0px 0px">
        <ul style="margin:15px 0px 10px 50px; color:#0000af">         
          <li><a href="#item9">ソフトウェア使用許諾契約書</a></li>
          <li><a href="#item10">トライアル版 </a></li>
        </ul>
        </td>
      </tr>
    </table>
  </div>
</div>
<!-- ******** 第１項目の内容 ******** -->
<div id="pagebody">
  <div class="topic">
    <a name="item1"></a>はじめに</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<!-- ******** 以下は、著作権表示です。 ******** -->
<div class="standard">
  <hr><a href="http://www.grapecity.com/japan/" target="_blank">&copy;2009 GrapeCity
  inc. All rights reserved.</a><br>
  <br>
  <pre style="font-size:80%; color:#999999">・Microsoft、Windows、Visual Studio、Visual Basicは米国Microsoft Corporationの
  米国およびその他の国における登録商標です。
・SPREADは米国FarPoint Technologies社の商標ならびにグレープシティ株式会社の登録商標です。
・GrapeCity、PowerToolsはグレープシティ株式会社の登録商標です。
・SoftwareActivationはグレープシティ株式会社の商標です。
・その他記載されている製品名は各社の登録商標または商標です。
</pre>
</div>
</div>

</body>

</html>

返回
【上篇】
【下篇】

作者:

抱歉!评论已关闭.

返回首页

Copyright © 2013-2018 学步园  保留所有权利.
软文销售 QQ客服：2265327166 点击这里给我发消息（其他合作也可洽谈）
必威体育
必威电竞