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

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

MAC菜单

  • index
  • Store
  • Mac
  • iPod + iTunes
  • iPhone
  • Downloads
  • Support

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

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

    请注意里面的背景图片是png透明,所以必须在 li 中设置颜色以挡住 ul 的背景图与 a 的背景图重复叠加. MAC菜单 index Store Mac iPod + iTunes iPhone Downloads Support [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • ASP+CSS 实现列表隔行换色

    列表隔行换色是指在新闻和文章列表中,前一行和后一行的背景色交替显示,也可称为斑马线,给网页可增色不少.今看到小毅在BI的贴子"标准下隔行换色的思考",采用UL的两行背景重复,虽说方法不错,但LI里的高度只能采用背景中的实际高度,不够灵活,所以用ASP+CSS 写了一个,采用自定义列表. <% set rs=...... sql="......" rs.open sql,con,1,1 %> <dl> <% i=0 do while no

  • 使用JavaScript和CSS实现文本隔行换色的方法

    使用JavaScript和CSS实现文本隔行换色的方法

    先来看一个简单的方法. 在 css 中定义两种样式 .odd{...} 和 .even{...} 分别用于奇数行和偶数行的不同背景颜色.在网页加载后通过 javascript 获取要变色的标签列表,执行如下代码: // 当文件加载时,执行代码. window.onload = function() { // 获取<ul id="list" />对象 var list = document.getElementById('list'); // 获取list下面的所有li va

  • js+css简单实现网页换肤效果

    js+css简单实现网页换肤效果

    本文实例讲述了js+css简单实现网页换肤效果.分享给大家供大家参考,具体如下: 这里做了3套外观,分别使用不同文件夹下的同名css文件,那么怎样实现js替换加载呢? 3个按钮如下: <a id="skin1" href="javascript:void(0)" class="easyui-linkbutton" onclick="changeCss('default')">蓝色皮肤</a><br

  • JS+CSS实现Li列表隔行换色效果的方法

    本文实例讲述了JS+CSS实现Li列表隔行换色效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!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/xh

  • css expression 隔行换色

    css实现的,用expression但在实际中部建议使用,占用资源而且firefox浏览器不支持 .db tr{ background-color:expression('#000000,#333333,#555555,#777777,#999999,#bbbbbb,#dddddd,#ffffff'.split(',')[rowIndex%8]); }                                                           [Ctrl+A 全选 注:如

  • 表格隔行换色 css expression

    第一行为其它颜色,这样写这个表达式 表格CSS测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试 表格测试                                            

  • Div+Js实现的带阴影菜单 微软以前网站曾用过

    Div+Js实现的带阴影菜单 微软以前网站曾用过 var global = window.document global.fo_shadows = new Array function makeRectangularDropShadow(el, color, size) { var i; for (i=size; i>0; i--) { var rect = document.createElement('div'); var rs = rect.style rs.position = 'abs

  • 分享10个优化代码的CSS和JavaScript工具

    分享10个优化代码的CSS和JavaScript工具

    检查和测试代码来发现任何潜在错误,从而在放到网站上之前及时消除错误是一个非常重要的过程.代码检查的过程也俗称为是Web设计师 和开发者之间的linting.作为一个设计师,如果你想要写出高度优化的代码,那么你一定需要linting工具.有两种类型的代码检查工具.一种是在 执行时间检查代码中的错误和bug.另一种是使用静态代码分析技术并在执行前检查码.后者因为可以节省时间和麻烦显然更佳. 事实上,linting可以放在不同的阶段.如果你喜欢在敲代码的时候测试代码,那么你可以使用lint工具.当然,

  • JS+CSS实现表格高亮的方法

    JS+CSS实现表格高亮的方法

    本文实例讲述了JS+CSS实现表格高亮的方法.分享给大家供大家参考.具体如下: 这里使用JavaScript+CSS实现表格高亮的功能,实际上类似于隔行换色的效果,说法不同而已,只不过本效果是在鼠标移上时触发,移出结束. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran

随机推荐