0

ヘッダーやフッターなどの一部が修正されているが、メインコンテンツは変更可能であるインデックスページを作成する必要があります。コンテンツをiframeに設定し、javascriptでiframe srcを変更する必要があると思いますが、これを行う方法がわかりません。 。これどうやってするの ？他に解決策はありますか？

4

2 に答える 2

0

こんにちはおそらく、プロジェクトに適している場合は、フレームよりも考慮すべきより良いオプションがあります（これは「悪い」慣行です）。jqueryベースのスクリプトをPagifyとして使用できます。

またはその他の選択：JQUERY ONE PAGE SCRIPTS このようにして、コンテンツをより現代的な方法で表現できます。しかし、それは常に最終結果がどうあるべきかによって異なります。それで、答えがない場合は、もう少し詳しく教えてください。

于 2013-03-25T10:14:34.927 に答える
0

あなたはcssでそれを行うことができます

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-1.7.1.js"></script>
<style type="text/css">
body {
    margin: 0px;
}
#wrapper {
    width: 1000px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
#wrapper #header {
    width: 1000px;
    height: 80px;
    background-color: #C90;
    position: fixed;
    float: left;
}
#wrapper #main {
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
    padding: 5px;
    width: 990px;
    margin-top: 80px;
margin-bottom: 80px;
}
#wrapper #footer {
    background-color: #C60;
    height: 80px;
    width: 1000px;
    position: fixed;
    bottom: 0px;
    float: left;
}
</style>
<script>

</script>
</head>
<body>
    <div id="wrapper">
        <div id="header">
            Header
        </div>
        <div id="main">
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.</p>
          <p>.....</p>
        </div>
        <div id="footer">footer</div>
    </div>
</body>
</html>

次に、Ajaxを使用してサーバーからにデータをロードできます

于 2013-03-25T10:15:09.437 に答える