CSS Design之导航条制作.docx
文本预览下载声明
一、滑动门技术制作导航菜单(一)我们在这个例子中主要是利用滑动门制作一个可以无限拉伸的导航菜单,在制作前我们首先要准备两张图片,如下:图一:图二:这两张图分别应用在:图一应用在head中,也就是整个导航菜单背景图,图二主要应用在链接中的背景,分别制作出当前页,翻转等效果图。现在我们来看看其第一种制作方法:方法一:先看菜单背景部分HTML标记:先看外部结构,我们在#header中应用了两个块:#bg_right ,#bg_center;其主要的作用是控制导航背景图,我们分别在#header块中放置左边圆角,#bg_center放置间变背景,#bg_right放置右边圆角。现在我们先应用滑动和Sp
显示全部