html標(biāo)簽 - 可以實(shí)現(xiàn)多種滾動(dòng)效果，無需js控制。使用marquee標(biāo)記不僅可以移動(dòng)文字，也可以移動(dòng)圖片，表格等.只需要在內(nèi)部輸入要滾動(dòng)的內(nèi)容即可。

一、標(biāo)簽屬性

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

語法：...

2.滾動(dòng)方式behavior(scroll:循環(huán)滾動(dòng)，默認(rèn)效果； slide:只滾動(dòng)一次就停止； alternate:來回交替進(jìn)行滾動(dòng))

語法：...

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

語法：...

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

語法：...

5.滾動(dòng)循環(huán)loop(默認(rèn)值是-1，滾動(dòng)會(huì)不斷的循環(huán)下去)

語法：...

6.滾動(dòng)范圍width、height

7.滾動(dòng)背景顏色bgcolor

8.空白空間hspace、vspace

二、事件

1.onmouseout()=“this.start()”:用來設(shè)置鼠標(biāo)移出改區(qū)域時(shí)繼續(xù)滾動(dòng)

2.onmouseover()=“this.stop()”:用來設(shè)置鼠標(biāo)移入改區(qū)域時(shí)停止?jié)L動(dòng)

三、實(shí)例

1.給滾動(dòng)字幕添加超鏈接

中央電視臺(tái)

2.鼠標(biāo)停留在文字上，文字停止?jié)L動(dòng)

文字內(nèi)容

3.多行文本向上滾動(dòng)

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

·中央電視臺(tái)

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

document.write('

·早晨好啊！

·空氣好清新啊

·今朝食乜好呢？

·中央電視臺(tái)

')

/*參考資料：

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

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

*/

iframe框架里鑲嵌頁面；<marquee>：滾動(dòng)效果；<mark>做標(biāo)記；內(nèi)聯(lián)、內(nèi)嵌、外聯(lián)；選擇器

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

JS魔法堂：通過marquee標(biāo)簽實(shí)現(xiàn)信息滾動(dòng)效果

一.前言 ? 有限的空間展現(xiàn)無限的內(nèi)容,這是滾動(dòng)最常用到的地方.根據(jù)信息滾動(dòng)效果我們可以有很多的實(shí)現(xiàn)方式,但HTML自帶的?marquee標(biāo)簽?是其中一個(gè)較簡(jiǎn)單的實(shí)現(xiàn)方式.下面記錄一下,供日后查閱. ...

IOS UIScrollView + UIButton 實(shí)現(xiàn)segemet頁面和頂部標(biāo)簽頁水平滾動(dòng)效果

很長(zhǎng)一段時(shí)間沒有寫博客了,最近在學(xué)習(xí)iOS開發(fā),看了不少的代碼,自己用UIScrollView和UIButton實(shí)現(xiàn)了水平滾動(dòng)的效果,有點(diǎn)類似于今日頭條的主界面框架,效果如下: 代碼如下: MyScr ...

html標(biāo)簽marquee實(shí)現(xiàn)走馬燈效果(文字浮動(dòng))

marquee標(biāo)簽實(shí)現(xiàn)文字或圖片的移動(dòng)效果 文字

借助marquee實(shí)現(xiàn)彈幕效果

HTML標(biāo)簽marquee實(shí)現(xiàn)滾動(dòng)效果 .基于此,實(shí)現(xiàn)簡(jiǎn)易版 彈幕: ?HTML

marquee標(biāo)簽實(shí)現(xiàn)頁面內(nèi)容的滾動(dòng)效果

頁面的自動(dòng)滾動(dòng)效果,可由javascript來實(shí)現(xiàn), 但是有一個(gè)html標(biāo)簽 - 可以實(shí)現(xiàn)多種滾動(dòng)效果,無需js控制. 使用marquee ...

html的<marquee></marquee>標(biāo)簽實(shí)現(xiàn)滾動(dòng)效果

頁面的自動(dòng)滾動(dòng)效果,可由javascript來實(shí)現(xiàn),但是今天無意中發(fā)現(xiàn)了一個(gè)html標(biāo)簽 - 可以實(shí)現(xiàn)多種滾動(dòng)效果,無需js控制. 使用m ...

marquee標(biāo)簽實(shí)現(xiàn)跑馬燈效果--無縫滾動(dòng)

今天在做微信端的大轉(zhuǎn)盤抽獎(jiǎng)時(shí),想把所有用戶的抽獎(jiǎng)記錄做成無縫滾動(dòng)的效果,無奈我的js功底太差,一時(shí)想不出實(shí)現(xiàn)的方法,便百度各種相似效果.但無意中發(fā)現(xiàn)了一個(gè)html標(biāo)簽—— ...

HTML中的marquee標(biāo)簽實(shí)現(xiàn)滾動(dòng)效果

一.標(biāo)簽簡(jiǎn)介 通過開始標(biāo)簽和結(jié)束標(biāo)簽的共同配合而實(shí)現(xiàn)滾動(dòng)效果,滾動(dòng)的內(nèi)容&lt ...

隨機(jī)推薦

codevs 3143 二叉樹的序遍歷

傳送門 Description 求一棵二叉樹的前序遍歷,中序遍歷和后序遍歷 Input 第一行一個(gè)整數(shù)n,表示這棵樹的節(jié)點(diǎn)個(gè)數(shù). 接下來n行每行2個(gè)整數(shù)L和R.第i行的兩個(gè)整數(shù)Li和Ri代表編號(hào)為i的 ...

Android自定義控件實(shí)戰(zhàn)——水流波動(dòng)效果的實(shí)現(xiàn)WaveView

轉(zhuǎn)載請(qǐng)聲明出處http://blog.csdn.net/zhongkejingwang/article/details/38556891 水流波動(dòng)的波形都是三角波,曲線是正余弦曲線,但是Android ...

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

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

自學(xué)Zabbix3.8.3-可視化Visualisation-Screens

自學(xué)Zabbix3.8.3-可視化Visualisation-Screens 在Zabbix屏幕上,您可以將來自不同來源的信息分組,以快速瀏覽單個(gè)屏幕.構(gòu)建屏幕非常簡(jiǎn)單直觀.本質(zhì)上,屏幕是一個(gè)表.您可 ...

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。