当前位置
首页 > 迪奥学院 > 迪奥实验室 >

设计了一个自动伸缩的菜单

时间:03/02/2014来源: 作者: 点击:

TAG:

测试地址
http://www.diaor.com/exp/exp99


文件两个分别是:
index.htm
bg.png

我感觉代码已经算是最优化了,用到了div,span,a
其实主要难度变是让span,a可以自动伸缩并且有一个固定的高度.这时候用float+display就很简单完成了.
然后只不过是利用span与a分别实现左右圆弧背景.

最近心情不怎么样,很少做东西了,今天听到了Mnemosyne的OP-ALSATIA,才想搞点东西出来!

咨询QQ:122388150 | 唐山网站建设,广告设计,动漫原创人设,网站重构,专注网站UI设计,创意设计,产品周边包装设计,标志设计 | 迪奥创意设计

Copyright 2006-2015 diaor.com © all right co,.Ltd