MAC官方菜单纯CSS实现灰色会换色

时间：2021-06-06 08:46:02|栏目：JavaScript代码|点击：次

请注意里面的背景图片是png透明，所以必须在 li 中设置颜色以挡住 ul 的背景图与 a 的背景图重复叠加。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>MAC菜单</title> <style type="text/css">  </style> </head> <body> <div id="nav">     <ul>     <li class="n01"><a href="#index" title="index">index</a></li>     <li class="n02"><a href="#Store" title="Store">Store</a></li>     <li class="n03"><a href="#Mac" title="Mac">Mac</a></li>     <li class="n04"><a href="#iPod+iTunes" title="iPod + iTunes">iPod + iTunes</a></li>     <li class="n05"><a href="#iPhone" title="iPhone">iPhone</a></li>     <li class="n06"><a href="#Downloads" title="Downloads">Downloads</a></li>     <li class="n07"><a href="#Support" title="Support">Support</a></li>     </ul> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：用webAPI实现图片放大镜效果

栏目：JavaScript代码

下一篇：JS实现网页标题随机显示名人名言的方法

本文标题：MAC官方菜单纯CSS实现灰色会换色

本文地址：http://www.codeinn.net/misctech/136282.html

更多JavaScript代码

JavaScript代码

MAC官方菜单纯CSS实现灰色会换色

阅读排行

推荐教程