摘要:演示表示滾動的方向,值可以是,,,,默認為表示滾動的方式,值可以是連續滾動滑動一次來回滾動表示循環的次數,值是正整數,默認為無限循環表示運動速度,值是正整數,默認為表示停頓時間
DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>演示marqueetitle>
<style type="text/css">
*{
padding: 0px;
margin: 0px;
}
marquee{
border: 1px solid purple;
}
img{
width: 360px;
height: auto;
}
style>
head>
<body>
<marquee direction="left" behavior="alternate" valign="middle" align="absmiddle" scrollamount="10" width="366px">
<img src="./back1.jpg">
<img src="./back2.jpg">
<img src="./back3.jpg">
<img src="./back4.jpg">
<img src="./back5.jpg">
<img src="./back6.jpg">
<img src="./back7.jpg">
marquee>
body>
html>
?結果如下:顯示一個向左滑動的相冊[來回滾動]
?
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1928.html
摘要:所以我把這個為了區分這個組件包是水平方向的,改名為三基于的文字跑馬燈組件大致了解怎么發組件包以后,我們再來看看需要發布出去的組件包怎么寫的。 一、前言 總結下最近工作上在移動端實現的一個跑馬燈效果,最終效果如下: showImg(https://segmentfault.com/img/remote/1460000009540502?w=555&h=380); 印象中好像HTML標簽的...
摘要:所以我把這個為了區分這個組件包是水平方向的,改名為三基于的文字跑馬燈組件大致了解怎么發組件包以后,我們再來看看需要發布出去的組件包怎么寫的。 一、前言 總結下最近工作上在移動端實現的一個跑馬燈效果,最終效果如下: showImg(https://segmentfault.com/img/remote/1460000009540502?w=555&h=380); 印象中好像HTML標簽的...
摘要:這個標簽是比較特殊的,不是中的新增標簽在官方文檔中找不到這個標簽,也就是說不是官方推薦的標簽但是各大瀏覽器對這個標簽的支持也非常不錯,而且效果也非常不錯什么是標簽作用跑馬燈格式內容屬性為了方便看出來效果,我們添加了一段樣式,一個天藍色的方框這個標簽是比較特殊的,不是html5中的新增標簽 在W3C官方文檔中找不到這個標簽,也就是說不是官方推薦的標簽 但是各大瀏覽器對這個標簽的支持也非常不錯,...
摘要:橫著滾動效果鏈接描述傳奇無雙傳奇無雙傳奇無雙新快幣抽中新快幣抽中新快幣抽中新快幣抽中新快幣抽中新快幣抽中豎著滾動效果鏈接描述萬圣節萬圣節萬圣節新快幣抽中新快幣抽中新快幣抽中新快幣抽中 背景:marquee標簽在有些瀏覽器兼容性不好,就手動用原生js實現了下。橫著滾動效果鏈接描述 傳奇無雙1215 ...
摘要:橫著滾動效果鏈接描述傳奇無雙傳奇無雙傳奇無雙新快幣抽中新快幣抽中新快幣抽中新快幣抽中新快幣抽中新快幣抽中豎著滾動效果鏈接描述萬圣節萬圣節萬圣節新快幣抽中新快幣抽中新快幣抽中新快幣抽中 背景:marquee標簽在有些瀏覽器兼容性不好,就手動用原生js實現了下。橫著滾動效果鏈接描述 傳奇無雙1215 ...
閱讀 1255·2021-09-04 16:41
閱讀 2412·2021-09-02 10:18
閱讀 922·2019-08-29 16:40
閱讀 2618·2019-08-29 16:14
閱讀 907·2019-08-26 13:41
閱讀 1304·2019-08-26 12:24
閱讀 734·2019-08-26 10:24
閱讀 2876·2019-08-23 17:54