怎麼在網頁中添加浮動窗口?

在網頁製作或網站設計過程中，我們可能需要給網站主頁添加浮動窗口，以展示具有“核心”或“宣傳”意義的內容，同時此浮動窗口具有鮮明標記、引人注目的效果。以下就與大家分享一下給網頁中添加浮動窗口的方法。

方法/步驟

首先我們創建一個名為“topwindows.html”的網頁文件，其中的內容將被展示主頁浮動窗口中。

網頁浮動窗口對應的部分代碼如下所示：

接著將如圖所示的代碼添加到主頁和之間：

其中標籤"fdck”中的屬性SRC指向浮動窗口的網頁地址。

接下來我們需要添加浮動窗口隨時運行的行為，在此小編利用JS腳本語言來實現。對應代碼如下：

在此需要說明一點，我們需要將以上所有代碼（包括JS腳本）全部放置在和之間。

最後查看一下浮動窗口的效果，會發現浮動窗口在網頁中不斷的移動，當鼠標懸停其上時會停止移動，點擊“隱藏”按鈕將自動隱藏懸浮窗口。

浮動窗口代碼實例對應的文件目錄如圖所示：