纯css3下拉导航(原创)

纯css3下拉导航(原创)

  398   5  查看评论 (0)
    Html
    Css
    Js
↑上面代码改变,会自动显示代码结果
jQuery调用版本:1.5.2

送给如同一年多前的我,什么都好奇的刚入门的人。 

(这个是我大概九个月前写的,今天在文件夹发现了,当时觉得那些jQuery封装的导航很是神奇又不会改,老是喊:师兄过来看一看啊?!后面,好奇的、什么都想写的我,写了这个纯css的下拉导航)由于是纯css没有js封装,所以改动都再style里面栏目个数自己通过调节总宽度或每个 .li 的宽度下边是改变下拉单个子栏目的个数

/*就是当鼠标悬浮在li 上面的时候,让他子元素中的 nav3 显示可见*/
 .nav2 .li:hover .nav3 {
	height:180px;
}
.nav2 .li:nth-child(3):hover .nav3 {
	height:240px;
}

讨论这个项目(0)回答他人问题或分享使用方法奖励jQ币

取消回复
    PROMULGATOR

    福建省福州市