在許多**中,都會包含滾動文字的特效,這些特效也可以稱為走馬燈特效,比如一些**中的新聞公告。本例項將介紹如何在網頁中實現滾動文字。執行本例項,如圖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 移動網際網路帶來的變革已不再是一種趨勢,而...