Question

css 导航菜单如图中这种鼠标悬停时菜单文字上方小圆点放大的效果怎么做啊？

左边为选中，右边为未选中效果，不是图片按钮。圆点会渐变放大。是不是用JS实现的呢？
确实是用A标签做的，不过不是这样写的。我看了下，人家是这样写的：
#head .gnav ul li a { position: relative;}
#head .gnav ul li a:before { content:"";display: block;width:9px;height: 9px; position:absolute;left: 50%;top:-20px; margin: 0 0 0 -3px;
border-radius: 10px;
background: #000;
……

Answer 1

纯css实现。这个小圆点应该是一个a标签：
a{
width: 6px;
height: 6px;
float: right;
margin-right: 6px;
background-color: black;
border-radius: 50%;
}
a:hover{
width: 12px;
height: 12px;
}

追问

试过，不行啊~圆点无渐变。

而且我看了它的代码CSS里并没有这样写。

追答

看看html和css就知道了

Answer 2

用css 改变样式，圆的半径变大