html怎么让一行文字有滚动的效果,HTML标签marquee实现滚动效果
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)容< ...
隨機(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js函数劫持与反劫持
- 下一篇: 如何删除IOS--CISCO IFS简介