2015-12-25-(菜单栏的效果)

    我们经常在电脑屏幕上看淘宝、京东等之类的电商网站时,总会看到一种菜单栏,当你鼠标移入某个div时,它便有选中的效果,今天来讲讲怎么做选中时该div与它匹配的内容相连接的效果。
解决该问题常见有两种办法:
     第一种:打补丁法
           首先在移入的父元素div中设置一个position:relative;再在添加两个子元素,一个是打补丁的div,一个是内容div,其次,再分别添加position:absolute;补丁的宽度应与父   元素的宽度一致,然后再稍稍调整一下它的位置就行了
     第二种:撑大内容法
           首先还是要在移入的父元素div中设置一个position:relative;再在添加两个子元素,一个是打补丁的div,一个是内容div。再在父元素中添加padding:1px;这样也可以达到效果。

posted @ 2015-12-25 12:59  缒亿  阅读(125)  评论(0编辑  收藏  举报