2012-03-29 93 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