這是乙個簡單的導航變換選單，當滑鼠放上去的時候中文變成英文，有兩種實現方式，直接看**。
這種做法將a標籤裡面的span隱藏起來，當hover a標籤的時候將span元素變成block,另外hover a的時候將a標籤設
margin-top: -30px;此時a標籤只是設定了行高30px，沒有設定高，設定高就會出問題。在看另一種比較簡單的方法:
這種方法就是講a標籤裡面的中文和英文都用a包含起來，有first-child隱藏起來，當hover a標籤的時候將a標籤裡面的第乙個span隱藏起來，將第二個span設定block，。
這主要用到了first-child和last-child偽類，和塊狀和行內元素的轉換和hover的使用。
還是看看我吧。
純CSS多級選單
這是乙個相當炫的功能，讓網頁看起來像桌面程式，如window的開始選單。實現原理基本和純css相簿差不多，但要注意的事項比較多，讓我們一步步來吧。先來乙個非常簡單的一級選單與懸停效果。結構很熟悉吧，就是把原來放的地方換成文字而已。我還特意標出來了。接著下來的表現層 非常簡單。menu menu li...
css特效弧形選單
demo位址 x1 x軸座標 x0 半徑 cos 角度 pi 180 y1 x軸座標 y0 半徑 sin 角度 pi 180 function else math.cos求的是x軸 r math.cos 90 n a math.pi 180 n 表示分了幾份 這裡就是把90度角份了 n份 即x軸座標...
CSS二級選單
最近的 要求使用二級選單，本著 能用別人的就用別人的，不能用別人的就用自己的 的原則，在網上找到乙個經典的使用css製作的二級選單，感覺不錯，先記錄下來，以備它用。經典的二級選單如下圖所示 其實，所謂的二級選單都差不多，無非就是為二級選單定義乙個層，當滑鼠放在一級選單上的時候顯示這個層，而將滑鼠從一...