摘要:
今天实在闲得慌,上午html练手,仿写博客园的横向导航菜单。下午没事情做到CodePlex上闲狂,突然留意了一下codeplex上的一个导航特效:如下上图中红色圈出来的地方下方有个小三角,以前碰到这样的图形脑子里总是认为那是一张图片。我很随意的就用firebug查看了下,结果找了半天没有图片,发现是li里面有一个超链接a和一个没有任何内容的div,原型代码如下:根本不是我想的那样,不是一张图片。接着在firebug里里面各种修改这个div的css属性发现,下面的那个三角形确实是div生成的。我就把相应的属性一个个复制出来进行试验,结果奇妙的各种三角形和梯形生就呈现在我的眼前。下面是一个例子:h 阅读全文
摘要:
这几天上班比较清闲,除了偶尔来个support case外,基本没有什么事情可做。今天闲着没事就给自己找点事情做。不由而然的来博客园狂。看到园子首页的横向导航菜单不错,就自己来做一个一样的导航菜单。样本:一共有两个版本,分别用不同的方式实现:方法一代码:<!DOCTYPE html><html><head><meta charset="gb2312"><title>横向导航</title><style>*{margin:0;padding:0;}body{font-size:12px;fon 阅读全文