可以用html中的a標簽(xxx.html就是要跳轉的鏈接)：；<a href="xxx.html">跳轉鏈接</a>；可以用js進行跳轉：；<button onclick="window.location.href='xxx.html'">點擊跳轉</button>；以上兩種方式達到的效果是一樣的.

使用div css實現鼠標懸停圖片上方時顯示文字內容原理： 首先我們設置一個盒子對象，并且將圖片使用style標簽內設置為CSS背景圖片，同時設置該對象html a超鏈接display:none隱藏，該超鏈接錨文本內放好文字內容，最后設置鼠標懸停經過整個對象時候顯示超鏈接內容。 需要注意是，我們使用了css position絕對定位超鏈接a標簽位于該盒子對象下方，并且為了美化效果給html a標簽寬度與對象寬度相同，設置一定高度，設置css背景為半透明背景顏色。 同時為了兼容IE6我們使用了IE6支持hover插件。控制閱讀了解ie6 hover支持。本效果兼容各大瀏覽器包括IE6。 打包源代碼請下載附件，謝謝

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29 30 31 32 33 34 35

html底部網頁用footer標簽。HTML5中footer標簽定義和用法：

標簽定義 section 或 document 的頁腳。在典型情況下，該元素會包含創作者的姓名、文檔的創作日期以及/或者聯系信息。在一個文檔中，可以定義多個 元素。

HTML5中footer的標準屬性：

class, contenteditable, contextmenu, dir, draggable,id,irrelevant,lang,ref,registrationmark, tabindex, template, title。