頁:
[1]
滑動式捲軸 (求助)
http://www.tshs.tpc.gov.tw/child/a/a05_2.asp我要如何像這動畫裡的長條捲軸圖
滑鼠向右就往右滑,向左就往左滑
我試過很多種卷軸語法都不成功
有人有辦法嘛 {:38:}
<div></div> 本帖最後由 telunyang 於 2012-12-2 10:56 PM 編輯
1. 你須要3個 div ，一個是用來放置背景，設定他的position為relative，top=0，圖片left=你圖全寬-圖半寬+放置圖片div的一半寬
2. 在放置圖片div裡，各放置兩個div，一左一右，寬為放置圖片div的一半，兩個都一樣，設定 float為 left
3. 滑鼠移到左邊div的時候，圖片的left會遞增；移到右邊div的時候，left遞減
4. 剩下有關圖片移到底就不動的機制，在此不贅述，試著自己做看看，不難 ^^...<div class='locked'><em>瀏覽完整內容，請先 <a href='member.php?mod=register'>註冊</a> 或 <a href='javascript:;' onclick="lsSubmit()">登入會員</a></em></div>
頁:
[1]