应用范围:
网站导航菜单
技术要点:
1.用无序列表ul和li组成菜单结构
2.给li设置背景(如果有圆角,则设置为右置或左置,背景图片远远超过该子菜单的长度)
3.设置li中的a的display为block,并给a加背景属性(如果有圆角,则设置为右置或左置,背景图片只要是一个圆角的宽度就可以了)
4.设置当前菜单a的属性(padding-bottom加n个像素,覆盖整个菜单的底边,n根据具体效果决定)
5.用js控制鼠标点击以后的效果(先来一个循环把所有的按钮背景重置,然后把改变当前按钮样式)
出自csdn
访问经典网站建设类教程>>
热卖推荐:
手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑