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公司又發明標籤,於是所有的瀏覽器都...