如何用div+css做出这种效果?

html-css020

如何用div+css做出这种效果?,第1张

css3可以做出来,但是不是所有浏览器兼容的。

用jq做比较好,其实就是鼠标hover显示和离开不显示的问题,用jq的hover方法可以很好的解决,你可以去查一下hover方法

给所有的选项卡添加style : display:none;

然后写一个class: .on{display: block}

将这个class给第一个选项卡。

用js或者jQuery写:当鼠标移动到选项卡上方时,给该选项卡添加class(.on):addClass("on"),鼠标离开时移出class(.on):removeClass("on")

默认情况下,DOM树是按顺序向下排列的,并不是像你说的那种从左向右排列,所以,如果你想让一个div左移而让其右边的div跟随它左移,可以设置2个div都浮动向左,或者用CSS3的-webkit-box、-moz-box空间盒,将两个盒子放置在一个容器内,只要大小设定好就可以实现