實現marqueen廢棄標籤的功能

2021-10-19 07:37:31 字數 805 閱讀 3900

marqueen 標籤還是很好用的,在一些顯示在大螢幕上,無法換行和無法拖動的客戶端,滾動展示還是很有必要的。

網上也有很多模擬的效果,但是沒辦法判斷當前的文字是否已經超出。

所以我模擬了乙個效果。

功能:可以滾動

當沒有超出時不滾動

控制滾動速度

talk is cheap,show me your code

follow is code :

>

class

="mq-container"

ref="container"

>

class

="mq-text"

ref="text"

:style

="isscroll?scrollstyle:

">

>

slot

>

p>

div>

template

>

>

export

default}}

, props:},

created()

s linear infinite`,}

},mounted()

}}script

>

>

.mq-container

.mq-text

.mq-text.scroll

@keyframes marquee

100%

}style

>

HTML5廢棄的標籤

1.可以使用css替代的標籤 在html5之前的一些標籤中,有一部分標籤純粹是用做顯示效果的標籤。二h5延續了內容與表現分離,對於顯示效果更多的交給css完成。所以在這方面廢棄的標籤有 2.不再支援frame框架 由於frame框架對頁面可用性存在負面影響,因此在html5中不在支援frame框架,...

字元實體加廢棄標籤

廢棄的標籤 我是bb 我是uu 我說ii 我是ss 我是文字strong 我是文字ins 我是文字em 我是文字del 字元實體 html中有的字元被html保留,有的html字元在html中有特殊含義,是不能在瀏覽器中直接顯示出來,那麼這些東西想要顯示出來就必須通過字元實體。在html中對空格 回...

廢棄的標籤,始於HTML3 2

當初,mosaic和 scape瀏覽器的製造商想到可以讓設計師在網頁中插入,為了瀏覽器特別建立乙個 隨後,futuresplash 後被重新命名為 flash 和其他諸如quick,real電影等多某體元素也被插入網頁。w3c再次建議使用object,但 scape公司又發明標籤,於是所有的瀏覽器都...