2020-04-25 分類: 網(wǎng)站建設(shè)
我們?cè)谑嗄甑?a href="http://www.rwnh.cn/" target="_blank">網(wǎng)站建設(shè)中,很多客戶都需要網(wǎng)站有動(dòng)態(tài)效果,其中最受歡迎的就是滾動(dòng)效果,有做產(chǎn)品或者案例的客戶他們通常喜歡讓產(chǎn)品從左到右的滾動(dòng)或者從下到上的滾動(dòng),那么在網(wǎng)站建設(shè)中這個(gè)效果是怎么實(shí)現(xiàn)的呢,都要用到哪些代碼?下面就讓成都網(wǎng)站建設(shè)公司-創(chuàng)新互聯(lián)為您做個(gè)詳細(xì)的闡述,希望能為您有所幫助。
在網(wǎng)站建設(shè)中HTML代碼是必不可少的,其中就有一個(gè)標(biāo)簽marquee,這個(gè)就是滾動(dòng)代碼標(biāo)簽,我們通常看到不管是從左到右還是從下到上效果都是通過(guò)它來(lái)實(shí)現(xiàn)的,它的書寫方法如下。
<marquee direction="left">我是一滾動(dòng)的文字噢……</marquee>
這段代碼實(shí)現(xiàn)的功能是 文字將會(huì)從右到左滾動(dòng)。當(dāng)然還可以實(shí)現(xiàn)從左向右的滾動(dòng)
<marquee direction="right">文字從右向左滾動(dòng)……</marquee>
還可以做出將光標(biāo)指向滾動(dòng)文字時(shí),它就停止,當(dāng)光標(biāo)離開(kāi),文字繼續(xù)滾動(dòng)的效果。
<marquee onmouseover=this.stop() onmouseout=this.start() direction="left">我是一滾動(dòng)的文字噢……</marquee>
代碼解釋:onmouseover=this.stop() 停止 onmouseout=this.start() 啟動(dòng)
下面是marquee標(biāo)簽的屬性
direction 表示滾動(dòng)的方向,值可以是left,right,up,down,默認(rèn)為left
behavior 表示滾動(dòng)的方式,值可以是scroll(連續(xù)滾動(dòng))slide(滑動(dòng)一次)alternate(來(lái)回滾動(dòng))
loop 表示循環(huán)的次數(shù),值是正整數(shù),默認(rèn)為無(wú)限循環(huán)
scrollamount 表示運(yùn)動(dòng)速度,值是正整數(shù),默認(rèn)為6
scrolldelay 表示停頓時(shí)間,值是正整數(shù),默認(rèn)為0,單位是毫秒
valign 表示元素的垂直對(duì)齊方式,值可以是top,middle,bottom,默認(rèn)為middle
align 表示元素的水平對(duì)齊方式,值可以是left,center,right,默認(rèn)為left
bgcolor 表示運(yùn)動(dòng)區(qū)域的背景色,值是16進(jìn)制的RGB顏色,默認(rèn)為白色
height、width 表示運(yùn)動(dòng)區(qū)域的高度和寬度,值是正整數(shù)(單位是像素)或百分?jǐn)?shù),默認(rèn)width=100% height為標(biāo)簽內(nèi)元素的高度
網(wǎng)頁(yè)題目:網(wǎng)站建設(shè)中marquee標(biāo)簽介紹
瀏覽地址:http://www.rwnh.cn/news43/81993.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容