2012-04-06 98 views
1

我正在尋找類似於bing.com上的滑塊。我在網上看到的所有滑塊示例都有內容(文本,文本框等)&滑塊的背景圖像在單擊下一個和上一個按鈕時發生變化。JQuery bing滑塊實現

我正在尋找只有背景圖像正在改變的東西,而不是它上面的內容。請讓我知道,如果你遇到任何人使用它使用JQuery或其他JS庫。謝謝。

+0

內容意味着搜索框,但不意味着鼠標懸停/工具提示與背景圖像交替? – William 2012-04-06 22:21:37

回答

1

解決這個問題的方法是CSS絕對定位。將您的內容放在滑塊上方,以保持原樣。將圖像放入滑塊內。

有一個看看這個例子:http://jsfiddle.net/8WjYe/

延伸閱讀:https://developer.mozilla.org/en/CSS/position

+0

你好,我打算使用這個項目的一個響應模板。示例滑塊是http://oakland-responsive.cmsmasters.net/index.html選擇響應滑塊的原因是它應該可以在網絡,ipad,mobile上正常工作。如果我們使用響應式頁面,絕對位置將不起作用。請讓我知道是否有其他方式可以實現這一點。謝謝。 – user1275232 2012-04-11 20:59:49

+0

絕對定位和響應支持排除對方沒有理由。看看這個網頁http://www.domusacta.de/它使用圖像標題的絕對定位,並支持手持分辨率。 – 2012-04-18 14:36:05