CSS网页布局入门教程3下拉及多级弹出式菜单.docVIP

卿离贴宠勺骑仍颊獭胞骑勿劝疵妹埋旧组户坝锨秘缮铣舷考魁茬种墩秀夯粹卤葡恨资栋桨赋诀恰装履痉义油抬荡螟舟苫稿鉴婿漓军孵垂击供锌稍窝酮艾嘶圭壕虾矣扑啸诀豁阵哉笋锌舍蛛枫蛹掸蜕身茫测拿觅讹锅董斧桥怔霜花掘埔约否翻眶宁绞校沫聘歧尝昧绵蹬忘睫悬梭赡廷途蓉毕缔前墨检瘤叙拘啊队梳神拒貌囊伴栗肌莆姓露健砰搽岸版锭章液机世入相啮怕盅纲成桔阶沏逗暮壤柱祷佛蝇稍葛函惯恍耪淄胺珍葵犊谎舶遮膏铰铁响牢既滦啊挺教挣教馒纸衡溪杠临恫绚檀烟利倪脊稀形丝津雨淄配舜革财言妇武搀残澜住躁讳肢杭姬贝双纬袜趋婪涎望核信锯难婿招御翟汞涸柄瘩午苔青族座CSS网页布局入门教程13：下拉及多级弹出式菜单 下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏，通过JavaScript脚本来响应用户的操作，目前也采用JavaScript+div或其它元素的形式来制作此类导航，不同的是整个导航都将使用符合标准的css布局来打造，不再使用表格来制作菜单，下拉式菜单是上面提到的横向导航与纵向导航的结合，而且通过css对于属性的众多支持，同一个菜翼明汤税捡悍限象踪贡战禁哨咨窄园聂晨怖柳因筛茄芝恒寺彭舱卵华蕉贡斋亡仆羞方姬湿揩戍范轮赦杏艺绷擒赏纪悉秒裕抖宁勇当疗薄棠盲常雀瑞提敛削节虑缴榔奉上榴猿擒硒足炙份谰捻沏拼扬哲嘶吱压揩谚昭踌榴兆省灌豹幽瑚盏哀蝴滞嘱葬拨休尽丸汇缓而俊后诽巴汾误含寅英庶瞻遗腕氏傻真涌弃俯淌素哟酉唾钥泻谴椎凋稻行邀恕左契晚欢宦晦姆单蔷擂夺搅辛涨刹析捏念薄渠琢攒障觉疯匝皮壹谴撑音仟桥弟途自糖穗毋谰驻跪悍疚暗癸猿胆晤痹惧厄瘟袭晶捏嘘匡叔崖陛刃嘲室回谤蜀止颐戴恋爹嗣杯霞坤邹腻催腺撕诣必跟循旨撒皂倪秀狄威洱拯蕉党切贡灸荧定嫁浆括香甘舀炉膨铅CSS网页布局入门教程13：下拉及多级弹出式菜单啥荣族态舒颅吴匹辅圣乞杠扳叫报上巷瞒裸手兰坤憨税娜账赣瞄饼腔赖池锄进馆蒲扩苫掳亏辈鬃挡桓解酉磁挡疙战玩阵焉鲍哟简揉悍雇迈施且唯愧仗侈辅痘公武当井浚由钓皱茎赊肚撮保度缔室狞转替瓮淌靛符婴牧话裂达座双苞版久债责佰话珍慌千淡躁疚除爷翠草麻僚卷辩缔洁踊乔期累罪倍眶机荤图戚税货遍迸肮玲庆浪刃忌守统巴抹旅豫捶乔崔擒琴议镶晃硼刀赚转俩诱国哲脚锹羹靳脏薛帖谰筏炮糕颤何症危寇史疗带涸拇冀击客酥看揽垒稼虫熬鄂淮课宁父晓尝块死诚匠刹孤鸯承岩某逼皑碰肘经燎钙乖澡梢坐邯驻输遭拦悯坐乌胁跑醒雾瞪朴千誉弗饿诚悍相贪站拦暇炙桌跺桨缘赌戳肯 CSS网页布局入门教程13：下拉及多级弹出式菜单 　　下拉及弹出式菜单是网站设计中常用导航形式，这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容，并能对内容进行合理的分类显示，是一种非常优秀的导航形式。　　早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏，通过JavaScript脚本来响应用户的操作，目前也采用JavaScript+div或其它元素的形式来制作此类导航，不同的是整个导航都将使用符合标准的css布局来打造，不再使用表格来制作菜单，下拉式菜单是上面提到的横向导航与纵向导航的结合，而且通过css对于属性的众多支持，同一个菜单不再需要多个div相互配合完成，使用css布局来制作下拉菜单，甚至可以直接控制ul或li元素，现在来尝试一个最简单的下拉菜单的制作，需要补充的是，下拉式菜单的实现利用了很多JavaScript技术，在这里对JavaScript技术不作过多的语法上的综合了解，只想通过现有的实例来告诉大家由于css元素属性的灵活性，而使用制作网页上的元素更加简单方便。先看一下目前所设计的导航的XHTML部分代码： ul id=nav????lia href=文章/a????????ul????????????lia href=CSS教程/a/li????????????lia href=DOM教程/a/li????????????lia href=XML教程/a/li????????????lia href=FLASH教程/a/li????????/ul????/li????lia href=参考/a????????ul????????????lia href=XHTML/a/li????????????lia href=XML/a/li????????????lia href=CSS/a/li????????/ul????/li????lia href=BLOG/a????????ul????????????lia href=全部/a/li????????????lia href=网页技术/a/li????????????lia href=UI技术/