銀灰色菜單，很大氣，鼠標滑過換色

2024-09-05 12:19:39

字體：大中小

來源：轉載

供稿：網友

一款銀灰色導航菜單，很大氣，鼠標滑過后更換菜單背景圖，本菜單用到四張背景圖，請在查看演示的時候點擊鼠標右鍵自行下載圖片，這款菜單兼容性比較好，IE6、IE7、IE8、火狐下都表現不錯，希望這就是你想要的哦!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Menu</title><style>ul#saturday{margin:0;padding:0;list-style-type:none;width:auto;position:relative;display:block;height:36px;text-transform:uppercase;font-size:12px;font-weight:bold;background:transparent url("/jscss/demoimg/200904/bgOFF4.gif") repeat-x top left;font-family:Helvetica,Arial,Verdana,sans-serif;border-bottom:4px solid #336666;border-top:1px solid #C0E2D4;}ul#saturday li{display:block;float:left;margin:0;pading:0;}ul#saturday li a{display:block;float:left;color:#874B46;text-decoration:none;padding:12px 20px 0 20px;height:24px;background:transparent url("/jscss/demoimg/200904/bgDIVIDER4.gif") no-repeat top right;}ul#saturday li a:hover{background:transparent url("/jscss/demoimg/200904/bgHOVER4.gif") no-repeat top right;}ul#saturday li a.current,ul#saturday li a.current:hover{color:#fff;background:transparent url("/jscss/demoimg/200904/bgON4.gif") no-repeat top right;}</style></head><body>	<ul id="saturday">	<li>Home</li>	<li>About Us</li>	<li>Services</li>	<li>Our Work</li>	<li>Contact Us</li>	</ul></body></html>

上一篇：響應鼠標變色的按鈕式藍色菜單

下一篇：?？吭谧筮叺腄IV+CSS隱藏菜單