2012-03-29 139 views
1

我有一个菜单系统,当你点击一个链接时,子标题会在它们下面滑动。我有这个好,但是我想添加一个箭头,设置为列表项目的背景图像,活动时动画旋转90度。所以,我的问题如下:如何在不旋转整个列表项的情况下转换(旋转)背景图像?用jQuery变换(旋转)背景图片?

干杯, BlackWraith

+1

你可以使用伪元素吗?然后用css或js旋转它? – mikevoermans 2012-03-29 04:37:27

+0

你究竟是什么意思? – 2012-03-29 04:45:15

+0

无法解决我认为有意义的问题。 a:after {background ...} a:after:hover {rotate ...} – mikevoermans 2012-03-29 14:48:49

回答

1

我不认为你可以通过自身旋转背景图像。 您需要做的是在<li>内声明另一个<span style="display:block;width:16px;height:16px; background:url(my_arrow.png);">元素,然后旋转整个<span>

通常人们只使用一个精灵和背景位置将嵌套列表中的箭头从►更改为▼。

+0

谢谢,单个精灵的声音听起来简单很多..我会给它一个镜头:) – 2012-03-29 05:23:54

+0

对不起, ,我有点忘了回到它。一个精灵完美地工作。 :) – 2012-06-24 03:07:40