16

Googleキャッシュのように振る舞うhtmlページを作りたいです。

私のホームページ HOME には、ウェブサイト B へのリンク A があり、A をクリックすると、出てくるページには別のページのコンテンツが表示され、上部にフローティング バーが表示されます。 .

たとえば、リンクに google.com を表示したいのですが、その google.com にボタン (フローティング バーなど) を追加して、押されたときに自分の Web ページに戻ることができるようにしたいと考えています。

誰かが私に役立つリソースを提供してくれたり、ソリューション テンプレートを提供してくれませんか? :)

ありがとう！

4

5 に答える 5

7

<iframe>Web ページ内に外部 Web ページを表示するために を使用できます。表示したい Web ページの URL をsrc属性の引用符で囲むだけです。

<iframe src="http://www.webpage.com" width="400" height="400"></iframe>
于 2013-04-04T20:41:50.147 に答える
7

iframe は必要なもののように聞こえますが、説明を読んでも 100% 確信が持てません。iframe は、ページ内の別の URL からのコンテンツを表示します。それができたら、あとはページのスタイルを設定し、説明に従って CSS/JavaScript を使用して機能を追加するだけです。

これをチェックしてください： http://www.w3schools.com/tags/tag_iframe.asp

于 2013-04-04T20:43:56.170 に答える
3

一般的な考え方は次のとおりです。

HTML:

<a href="#" id="link">Click Here</a>
<iframe id="frame" src="http://www.w3schools.com" scrolling="yes"></iframe>

いくつかの jQuery (テストされていません):

$(document).ready(function() {
    $('#frame').hide();

    $('#link').click(function () {
        $('#frame').show();
    })
})

必要に応じてスタイリングする

注- この回答は決して w3schools.com を支持するものではありません :-) 。w3fools.com/をご覧ください

于 2013-04-04T20:44:04.390 に答える
3

iframe を使用するか、AJAX 経由でサイトを div にロードします (例: jQuerysload()メソッドを使用)。

于 2013-04-04T20:45:36.943 に答える