javascript的網頁兩側浮動廣告

2021-06-16 06:36:56 字數 591 閱讀 5514

兩側浮動廣告

其中position可選值:

static(靜態位置):預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置(static 元素會忽略任何 top、bottom、left 或 right 宣告)。

relative(相對位置):位置被設定為 relative 的元素,可將其移至相對於其正常位置的地方,因此 "left:20" 會將元素移至元素正常位置左邊 20 個畫素的位置。

abosolute(絕對位置):位置設定為 absolute 的元素,可定位於相對於包含它的元素的指定座標。此元素的位置可通過 "left"、"top"、"right" 以及 "bottom" 屬性來規定。

fixed(固定位置):位置被設定為 fixed 的元素,可定位於相對於瀏覽器視窗的指定座標。此元素的位置可通過 "left"、"top"、"right" 以及"bottom" 屬性來規定。不論視窗滾動與否,元素都會留在那個位置。工作於 ie7(strict 模式)。

z-index 屬性設定元素的堆疊順序。擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

z-index 僅能在定位元素上奏效(例如 position:absolute;)

兩側跟隨廣告

var top pic.offsettop target scroll top top 把最新的 scrolltop 給 target 在這裡例子當中最為重要的是兩句。為什麼要加上,top的值。我們知道,水平滾到條滾動的時候。是需要動的,我 列印了scroll top 和target的值。我們看到是...

loading系列之左右兩側小圓點向兩側移動

效果 思路 實現 實現 按照步驟拆解,首先建立6個實心小圓點,布局檔案就不貼了,主要是 邏輯。建立六個小圓點 public void getpoints startleftmove 開啟動畫 startanimation 步驟 二 三 先從最左側小圓點開始執行動畫,執行一段距離之後再通過相反的動畫將...

js 兩側廣告滾動Demo

水垢何曾相受,細看兩俱無有,寄語揩揹人,輕手,輕手,居士本來無垢.水垢何曾相受,細看兩俱無有,寄語揩揹人,輕手,輕手,居士本來無垢.水垢何曾相受,細看兩俱無有,寄語揩揹人,輕手,輕手,居士本來無垢.水垢何曾相受,細看兩俱無有,寄語揩揹人,輕手,輕手,居士本來無垢.水垢何曾相受,細看兩俱無有,寄語揩揹...