1. 程式人生 > >滾動標簽

滾動標簽

外邊距 對齊方式 決定 區域 left top 層次 水平滾動 開始

  模塊化

  結構和布局分明(一般頭部和底部是固定的)  

  結構層 一些就讓他獨立

  頁面一般不要出現水平滾動

  overflow-x:hidden; 水平超出就隱藏

  z-index 層次疊加 元素重疊 ,誰大誰在前面

  父級出現position:relative 時候z-index失效

  層疊元素出現float時失效

  不許設置position:absolute;不然失效

  absolute絕對定位

  使用這個屬性之後,這個元素就不會占位置了,脫離了標準文檔流,同時元素就變成了行級塊元素往往需要設置width100%

  <marquee></marquee> 滾動標簽他身上的功能是由標簽屬性決定的

  behavior(決定滾動的方式 屬性值為:scroll slide alternate) direction(決定滾動的方式 屬性值為:left right up down)

                  連續滾 滾動一次 來回滾動

  loop 循環的次數 (默認無數次)

  scroll amount 運動的次數 默認是6次

  scroll delay 表示停頓的時間

  align 元素的垂直對齊方式( top middle bottom)

  bgcolor 區域的顏色

  width height 表示 區域的大小

  hspace vspace 表示元素區域邊界的水平距離和垂直距離(相當於外邊距 屬性值的 右 下)

  onmouseover=this,shop()

  onmouseout=this,start() 表示鼠標放上滾動停止,鼠標移開又開始滾動

滾動標簽