網頁文字滾動的實現

2022-09-17 08:33:08 字數 1085 閱讀 6846

在許多**中,都會包含滾動文字的特效,這些特效也可以稱為走馬燈特效,比如一些**中的新聞公告。本例項將介紹如何在網頁中實現滾動文字。執行本例項,如圖1所示,將從網頁的下方向上逐漸出現滾動的文字資訊。

實現滾動文字的特效,主要是在頁面中應用標籤。該標籤專門用於實現文字或的滾動效果,其常用屬性如下表所示

標籤的屬性及說明

顏色和背景屬性

說明align

滾動內容的對齊方式:top(頂端對齊)、middle(居中對齊)、bottom(向下對齊)

direction

滾動的方向:up(向上)、down(向下)、left(向左)、right(向右)

beh**ior

滾動的方式:scroll(迴圈滾動)、slide(一次滾動)、alternate(交替滾動)

loop

迴圈滾動的次數,取值為-1或infinite表示無限次滾動

scrollamount

滾動的速度,單位為畫素,值越大滾動速度越大

scrolldelay

兩次滾動的間隔時間

width

滾動區域的寬度,單位為畫素或以百分比形式表示

height

滾動區域的高度

bgcolor

滾動區域的背景顏色

hspace

滾動區域與瀏覽器邊界的水平距離

vspace

滾動區域與瀏覽器邊界的垂直距離

事例**如下:

"up" onmouseover="this.scrollamount='1'" onmouseout="this.scrollamount='2'" onmousedown="this.scrollamount='4';this.direction='down'"onmouseup="this.scrollamount='1';this.direction='up'" scrollamount="2" height="291">

"2" cellpadding="0" border="0" width="100%" align="center">

"#">柯南柯南柯南

"#">某某**

vue實現網頁標題 title 文字滾動效果

通過document.title獲取標題,存放在data屬性中。然後在methods屬性中定義titlescrolling 方法用於呼叫。每次擷取首字串與除首字串外所有字串,頭尾拼接後賦給data對應屬性,然後再賦給document.title 最終顯示 最後套上setinterval定時器實現每隔...

android 橫向滾動文字的實現

import android.annotation.suppresslint import android.content.context import android.graphics.canvas import android.graphics.paint import android.util...

css動畫實現文字滾動

class container 初步搜尋非常重要,可以在全球資訊網上相對迅速地進行。li 作者在寫作時毫不費力,必須遵守業務的原則和規則。li it 技術 在企業經營中成為推動企業業務發展的核心li 服務代表在紙質經濟學巨集觀經濟學幫助 日期向您呈現。li 移動網際網路帶來的變革已不再是一種趨勢,而...