本節筆者講述HTML程式碼中較特殊的標籤,它能使網頁中的文字滾動,並且可以控制其滾動的屬性。
製作滾動文字
透過本章前面的學習,讀者已經能夠很好地控制各種段落文字的顯示方式,不過無論怎麼設置,文字都是靜態的。本節筆者講述HTML程式碼中較特殊的標籤,它能使網頁中的文字滾動,並且可以控制其滾動的屬性。
4.3.1 設定文字捲動
HTML技術中使文字滾動的方法是使用雙標籤。在HTML程式碼中可使其作用區文字滾動,預設為從右到左,循環滾動。在D:web目錄下建立網頁文件,命名為mar.htm,編寫程式碼4.15所示。
代碼4.15 文字滾動的設定:mar.htm
文字滾動範例(預設):
在瀏覽器網址列輸入http://localhost/mar.htm,瀏覽效果如圖4.15所示。

圖4.15 設定文字滾動預設形式
從圖4.15可得,未設定寬度時,標籤是獨佔一行的。
4.3.2 設定文字滾動的方向
標籤的direction屬性用於設定內容滾動方向,屬性值有left、right、up、down,分別代表向左、向右、向上、向下,例如以下程式碼:
4.3.3 設定文字滾動的速度和形式
設定文字捲動使用標籤,其屬性說明如下。
— 標籤的scrollamount屬性用來設定內容滾動速度。
— 標籤的behavior 屬性用於設定內容滾動方式,預設為scroll,即循環滾動,當其值為alternate時,內容將來回循環滾動。當其值為slide時,內容滾動一次即停止,不會循環。還有一個loop屬性可設定其滾動循環次數,預設為沒有限制。
— 標籤的scrolldelay屬性用來設定內容滾動的時間間隔。
— 標籤的bgcolor屬性用來設定內容滾動背景色(類似body的背景色設定)。
— 標籤的width 屬性用來設定內容滾動背景寬度。
— 標籤的height屬性用來設定內容滾動背景高度。
修改mar.htm網頁文件,編寫程式碼4.16所示。
代碼4.16 文字滾動的設定:mar.htm
文字滾動範例(預設):
文字滾動範例(向右):
文字滾動範例(向下,捲動方式為slide,速度為10):
文字滾動範例(預設方向,捲動方式為alternate,循環3次,速度為2):
文字滾動範例(向上,背景色為#CCFF66,設定了背景寬度和高度):
在瀏覽器網址列輸入http://localhost/mar.htm,瀏覽效果如圖4.16所示。

圖4.16 文字滾動的不同形式
的眾多屬性能非常方便地製作滾動文字,在後面的JavaScript學習中,讀者將繼續深化標籤的動態行為學習。

首先,在 PPT 中绘制一个圆圈,然后插入一个文本框,输入文字内容。最后,设置文本框的填充和轮廓为无,即可完成圆形图片和文字的制作。

我们在日常制作Word文档时,有时需要给文档中的某些文字下方加点,尤其是出试题的时候。来用于重点突出这部分内容,小编给大家分享下word中怎么给文字加点的技巧,希望能帮助到您。1.打开一个空白word文档。 2.举个例子比如给“如何给文字加点”几个字的下面加上点。 3.我们先把“如何给文字加点”几个字用鼠标左键选择了,注意以后你想给那个字加点就先用鼠标的左键选择哪个字。今天我们给这几个字都加点,所以几个字都选择了。选中这几个字后右击,在弹出来的功能框中点击字体。 4.然后就会出现一个这样的

Golang图片处理:学习如何添加水印和文字引言:在现代数字化和社交媒体的时代,图片处理已经成为了一项重要的技能。无论是个人使用还是商务运营,添加水印和文字都是常见的需求。在本文中,我们将探讨使用Golang进行图片处理的方法,学习如何添加水印和文字。背景:Golang是一门开源的编程语言,以其简洁的语法、高效的性能和强大的并发能力而闻名。它已经成为许多开发

修改图片上的文字可以通过使用图片编辑软件、在线工具或截图工具来实现。其具体步骤为:1、打开图片编辑软件并导入需要修改文字的图片;2、选择文字工具;3、单击图片上的文字区域,以创建一个文本框;4、在文本框中输入您想要的新文字;5、如果只是想删除图片上的文字,可以使用橡皮擦工具或选择工具来选择并删除文字区域。

番茄小说封面怎么制作?番茄小说中是可以制作专属的小说封面,但是多数的小伙伴不知道番茄小说当中的封面该如何的制作,接下来就是小编为玩家带来的番茄小说封面制作方法图文教程,感兴趣的玩家快来一起看看吧!番茄小说使用教程番茄小说封面怎么制作1、首先打开番茄小说APP,进入到作品管理页面创建新书,选择下图箭头所示的【封面模板】;2、然后进入到封面模板页面,选择喜爱的封面模板;3、最后选择封面完成之后点击右上角【确认】即可。

手机Excel表格制作教程随着移动设备的普及和技术的不断进步,手机成为了我们日常生活和工作中不可或缺的工具之一。在手机上使用Excel表格,可以方便地进行数据记录、计算和分析,提高工作效率。本文将为大家分享手机Excel表格制作的基本操作和技巧。一、选择合适的应用程序目前市面上有很多可供选择的手机Excel应用程序,例如GoogleSheets、Micro

文字语义理解技术中的语义角色标注问题,需要具体代码示例引言在自然语言处理领域中,文字语义理解技术是一项核心任务。其中,语义角色标注是一种重要的技术,用于识别句子中的每个词语在上下文中的语义角色。本文将介绍语义角色标注的概念和挑战,并提供一个具体的代码示例来解决该问题。一、什么是语义角色标注语义角色标注(SemanticRoleLabeling)是指为句子

制作PPT的时候使用一些动画效果会比没有使用动画效果的显得活泼可爱,加上动画效果大家也许就喜欢看这个PPT,所以我们必须要学会PPT制作动画效果的方法。接下来,我将为大家详细介绍如何在PPT中添加动画效果。请继续往下阅读,认真学习这些步骤,相信对你会有所帮助!首先,打开我们自己制作的PPT,您会注意到这个PPT目前没有任何动画效果(如下图红色箭头所示)。2.然后,我们需要给图片添加动画效果,我们先选中图片,再单击菜单栏上边的【动画】按钮,(如下图红色圈出部分所示)。3.接下来,我们点击动画里边的


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

SublimeText3 英文版
推薦:為Win版本,支援程式碼提示!

MinGW - Minimalist GNU for Windows
這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。

記事本++7.3.1
好用且免費的程式碼編輯器

PhpStorm Mac 版本
最新(2018.2.1 )專業的PHP整合開發工具

ZendStudio 13.5.1 Mac
強大的PHP整合開發環境