html標簽 - 可以實現多種滾動效果，無需js控制。使用marquee標記不僅可以移動文字，也可以移動圖片，表格等.只需要在內部輸入要滾動的內容即可。

一、標簽屬性

1.滾動方向direction(包括4個值：up、 down、 left和 right)

語法：...

2.滾動方式behavior(scroll:循環滾動，默認效果； slide:只滾動一次就停止； alternate:來回交替進行滾動)

語法：...

3.滾動速度scrollamount(滾動速度是設置每次滾動時移動的長度，以像素為單位；如果沒有它，默認為6，建議設為1～3比較好。)

語法：...

4.滾動延遲scrolldelay(設置滾動的時間間隔，單位是毫秒，通常scrolldelay是不需要設置的。)

語法：...

5.滾動循環loop(默認值是-1，滾動會不斷的循環下去)

語法：...

6.滾動范圍width、height

7.滾動背景顏色bgcolor

8.空白空間hspace、vspace

二、事件

1.onmouseout()=“this.start()”:用來設置鼠標移出改區域時繼續滾動

2.onmouseover()=“this.stop()”:用來設置鼠標移入改區域時停止滾動

三、實例

1.給滾動字幕添加超鏈接

中央電視臺

2.鼠標停留在文字上，文字停止滾動

文字內容

3.多行文本向上滾動

·早晨好啊！
·空氣好清新啊
·今朝食乜好呢？

·中央電視臺

注意：如果你的網頁經過了FrontPage編輯，保存之后，只能滾動一行，這時候你發現你原來的代碼順序已經變了，My god！解決的辦法是，找出原來的代碼，把它嵌入到JavaScript的document.write中即可，上述代碼寫為：

document.write('

·早晨好啊！

·空氣好清新啊

·今朝食乜好呢？

·中央電視臺

')

/*參考資料：

*1.http://www.cnblogs.com/mountain-mist/articles/975781.html

*2.http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html

*/

iframe框架里鑲嵌頁面；<marquee>：滾動效果；<mark>做標記；內聯、內嵌、外聯；選擇器

標簽:①②③④⑤⑥⑦★ 框架: 一.frameset:(框架集) 1.如果使用框架集,當前頁面不能有body 2.cols="300,*":左右拆分,左邊寬300,右邊寬剩余 3. ...

JS魔法堂：通過marquee標簽實現信息滾動效果

一.前言 ? 有限的空間展現無限的內容,這是滾動最常用到的地方.根據信息滾動效果我們可以有很多的實現方式,但HTML自帶的?marquee標簽?是其中一個較簡單的實現方式.下面記錄一下,供日后查閱. ...

IOS UIScrollView + UIButton 實現segemet頁面和頂部標簽頁水平滾動效果

很長一段時間沒有寫博客了,最近在學習iOS開發,看了不少的代碼,自己用UIScrollView和UIButton實現了水平滾動的效果,有點類似于今日頭條的主界面框架,效果如下: 代碼如下: MyScr ...

html標簽marquee實現走馬燈效果(文字浮動)

marquee標簽實現文字或圖片的移動效果 文字

借助marquee實現彈幕效果

HTML標簽marquee實現滾動效果 .基于此,實現簡易版 彈幕: ?HTML

marquee標簽實現頁面內容的滾動效果

頁面的自動滾動效果,可由javascript來實現, 但是有一個html標簽 - 可以實現多種滾動效果,無需js控制. 使用marquee ...

html的<marquee></marquee>標簽實現滾動效果

頁面的自動滾動效果,可由javascript來實現,但是今天無意中發現了一個html標簽 - 可以實現多種滾動效果,無需js控制. 使用m ...

marquee標簽實現跑馬燈效果--無縫滾動

今天在做微信端的大轉盤抽獎時,想把所有用戶的抽獎記錄做成無縫滾動的效果,無奈我的js功底太差,一時想不出實現的方法,便百度各種相似效果.但無意中發現了一個html標簽—— ...

HTML中的marquee標簽實現滾動效果

一.標簽簡介 通過開始標簽和結束標簽的共同配合而實現滾動效果,滾動的內容&lt ...

隨機推薦

codevs 3143 二叉樹的序遍歷

傳送門 Description 求一棵二叉樹的前序遍歷,中序遍歷和后序遍歷 Input 第一行一個整數n,表示這棵樹的節點個數. 接下來n行每行2個整數L和R.第i行的兩個整數Li和Ri代表編號為i的 ...

Android自定義控件實戰——水流波動效果的實現WaveView

轉載請聲明出處http://blog.csdn.net/zhongkejingwang/article/details/38556891 水流波動的波形都是三角波,曲線是正余弦曲線,但是Android ...

C# 語言規范_版本5.0 (第4章 類型)

1. 類型 C# 語言的類型劃分為兩大類:值類型 (Value type) 和引用類型 (reference type).值類型和引用類型都可以為泛型類型 (generic type),泛型類型采用一 ...

自學Zabbix3.8.3-可視化Visualisation-Screens

自學Zabbix3.8.3-可視化Visualisation-Screens 在Zabbix屏幕上,您可以將來自不同來源的信息分組,以快速瀏覽單個屏幕.構建屏幕非常簡單直觀.本質上,屏幕是一個表.您可 ...

Redis基本使用及百億數據量中的使用技巧分享(附視頻地址及觀看指南)

總結

以上是生活随笔為你收集整理的html怎么让一行文字有滚动的效果,HTML标签marquee实现滚动效果的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。