我有一个菜单系统,当你点击一个链接时,子标题会在它们下面滑动。我有这个好,但是我想添加一个箭头,设置为列表项目的背景图像,活动时动画旋转90度。所以,我的问题如下:如何在不旋转整个列表项的情况下转换(旋转)背景图像?用jQuery变换(旋转)背景图片?
干杯, BlackWraith
我有一个菜单系统,当你点击一个链接时,子标题会在它们下面滑动。我有这个好,但是我想添加一个箭头,设置为列表项目的背景图像,活动时动画旋转90度。所以,我的问题如下:如何在不旋转整个列表项的情况下转换(旋转)背景图像?用jQuery变换(旋转)背景图片?
干杯, BlackWraith
我不认为你可以通过自身旋转背景图像。 您需要做的是在<li>
内声明另一个<span style="display:block;width:16px;height:16px; background:url(my_arrow.png);">
元素,然后旋转整个<span>
。
通常人们只使用一个精灵和背景位置将嵌套列表中的箭头从►更改为▼。
谢谢,单个精灵的声音听起来简单很多..我会给它一个镜头:) – 2012-03-29 05:23:54
对不起, ,我有点忘了回到它。一个精灵完美地工作。 :) – 2012-06-24 03:07:40
你可以使用伪元素吗?然后用css或js旋转它? – mikevoermans 2012-03-29 04:37:27
你究竟是什么意思? – 2012-03-29 04:45:15
无法解决我认为有意义的问题。 a:after {background ...} a:after:hover {rotate ...} – mikevoermans 2012-03-29 14:48:49