求CSS代码。想要的效果是鼠标划过菜单时弹出的二级菜单相对该选项居中...

1、现在想要绯闻女孩gif的就是如图所示的效果:子菜单较主菜单略宽绯闻女孩gif,宽度自适应。并相对于其对应的主菜单居中显示。我是新手,以前用DW的层命令堆砌过一个,效果可以,但实在是太繁琐,也不好用。因此特向高手求教,最好是提供直接可用的代码。常用的网站上都找遍了也没找到,如果不能直接提供代码也请将相应网站的具体实例链接留下。

2、第一次打开页面的时候,显示两个空白项。鼠标经过一次以后,又正常了。css代码:.ddsmoothmenu{font:bold13pXarial绯闻女孩gif;/*background:#414141;*//*backgroundofmenubar(defaultstate)*/wi... 第一次打开页面的时候,显示两个空白项。鼠标经过一次以后,又正常了。

绯闻女孩gif_绯闻女孩第五季  第1张

3、二级菜单 一个盒子里面套一个盒子,在把布局做的美观点就好了。如果想横项排列的话可以让一级菜单float:left 左浮动 ,二级菜单定义为行块级 在一级菜单下,在设置为隐藏,鼠标hover时候显示,再给二级菜单布置一个背景图片,在设置一个边距border 字体颜色之类的。就好看了。

绯闻女孩gif_绯闻女孩第五季  第2张

4、productInfo.style.display=none;//设置其隐藏,如果CSS里已经隐藏,此步可以省略。然后设置其鼠标事件,应该选择onmouseover product.onmouseover=function(){ productInfo.style.display=block; //鼠标移动到product元素上让其子菜单显示。