在網(wǎng)頁設(shè)計中,CSS是一個非常重要的組成部分,可以通過CSS來實現(xiàn)各種各樣的網(wǎng)頁效果。其中,右邊跟著左邊動的效果也是很多網(wǎng)頁設(shè)計師喜歡使用的一種效果。
這種效果的實現(xiàn)其實非常簡單,只需要使用CSS中的position屬性,設(shè)置其為absolute;再通過JavaScript控制其left或right屬性的變化,就可以實現(xiàn)右邊跟著左邊動的效果。
右邊跟著左邊動的文字內(nèi)容
在上面的代碼中,我們通過設(shè)置wrapper為relative,inner為absolute,使得其內(nèi)部的元素是相對于其父元素進行定位的。然后通過JavaScript的setInterval函數(shù)控制inner元素的left屬性的變化,使得其跟著父元素向左移動。
通過這種方法,我們就可以很方便地實現(xiàn)右邊跟著左邊動的效果。如果需要向上、向下、向右等不同方向的移動效果,只需要對相應(yīng)的屬性進行調(diào)整即可。