在鼠標懸停時將網頁顯示為縮略圖

Question

我正在設計一個包含很多子頁面的網站。 因此，當用戶將鏈接懸停在單個頁面上時，我需要在工具提示中將相應的網頁顯示為縮略圖。

我嘗試了May jquery插件，但它們僅提供基於圖像的縮略圖視圖。

我在下面碰到

data:text/html,<html><head><!--[if IE]><style>iframe{zoom:0.2;}</style><![endif]--><style>iframe{width:800px;height:520px;border:none;-moz-transform:scale(0.2);-moz-transform-origin:0 0;-o-transform:scale(0.2);-o-transform-origin:0 0;-webkit-transform:scale(0.2);-webkit-transform-origin:0 0;}</style></head><body><iframe src="http://www.bing.com"></iframe></body></html>

將其粘貼在瀏覽器的地址欄上將在iframe中加載網頁。但是我不知道如何使上述代碼與ajax一起使用。

謝謝。

Answer 1

資料來源： jQuery網頁預覽

<html>

    <head>
        <!--[if IE]>
            <style>
                #frame {
                    zoom: 0.2;
                }
            </style>
        <![endif]-->
        <style>
            #frame {
                width: 800px;
                height: 520px;
                border: none;
                -moz-transform: scale(0.2);
                -moz-transform-origin: 0 0;
                -o-transform: scale(0.2);
                -o-transform-origin: 0 0;
                -webkit-transform: scale(0.2);
                -webkit-transform-origin: 0 0;
            }
        </style>
    </head>

    <body>
        <iframe id="frame" src="http://www.bing.com"></iframe>
    </body>

</html>

在鼠標懸停時將網頁顯示為縮略圖

問題描述

1 個解決方案

解決方案1
2

在鼠標懸停時將網頁顯示為縮略圖

問題描述

1 個解決方案

解決方案1 2

解決方案1
2