我得到了带有图像的水平菜单,例如:
<div class="menu">
<a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
<a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
<a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
<a href="#"><img src="http://liubavyshka.ru/_ph/17/2/862998023.gif" width="100" height="100"></a>
</div>
这里小提琴
悬停效果的一个轻量级变体,我可以用它来使图像在悬停时更明显?
你可以试试这个,它很简单,轻,没有脚本,纯CSS,看起来不错:
.menu img{
border: 5px solid #ccc;
float: left;
margin: 15px;
-webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out;
}
.menu img:hover {
margin-top: 2px;
}
示例