我有一個菜單系統,當你點擊一個鏈接時,子標題會在它們下面滑動。我有這個好,但是我想添加一個箭頭,設置爲列表項目的背景圖像,活動時動畫旋轉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