第4章 變幻選單

2022-02-28 19:04:45 字數 587 閱讀 7245

這可以說是乙個導航的減法變幻吧。

像一些中英文網上,當滑鼠在選單上的時候把選單上的中文改變成英文。

負邊距運用。

如果要實現滑鼠在選單上時把首頁顯示成home,一般有兩種寫法:

方法一,寫兩個並列的標籤。

當滑鼠在 li 時顯示有英文文字首頁的標籤。因為他們都是在同乙個種元素 a 標籤上,所以可能需要給兩個 a 標籤新增類名來識別,而且還需要新增再次 href 屬性值。

首頁

home

方法二,使用巢狀。(推薦)

像這種寫法因為 a 標籤和 span 本就不同,所有可以直接用他們來區分。而且 span 是巢狀在 a 標籤中的,所以只需要寫乙個 href 值。

首頁home

巧妙的運用了負邊距,把 a 標籤上移自身高度,而讓下面的 span 標籤顯示在自身原來的位置。

css html實現變幻選單

變幻選單效果 當滑鼠移動到選單上相應位置時,該位置的中文變成英文。主要使用了css來控制樣式。如下 1 2348 4950 5758 59 主要使用的小技巧有 1 如果將英文和中文分別放在兩個鏈結裡會很麻煩,所以這裡將所有的英文放在了span標籤裡面,這樣可以統一控制。2 當滑鼠移到相應位置時中文消...

第4章 整合

4.1 尋找理想的整合技術的指導原則 避免服務方修改乙個欄位就引起消費方的修改 保證api的技術無關性 消費方應該能夠很簡單的使用服務方提供的服務,提供客戶端庫的做法會增加耦合。隱藏內部實現細節 4.2 musiccorp建立使用者介面 4.3 共享資料庫 資料庫整合 即消費者直接訪問資料庫 的缺點...

第4章 陣列

1 陣列儲存的是相同型別的一組元素 double arr 2 陣列的定義型別可以是任意型別,包含基本型別或引用型別 string arr person arr int arr person arr 3 陣列屬於引用型別,引用儲存在棧中,值儲存在堆中,又稱為物件。4 陣列的成員如果不賦值,有預設值。b...