基本语法
<marquee> ... </marquee>
移动属性的设置 ,这种移动不仅仅局限于文字,也可以应用于图片,表格等等
方向
<direction=#> #=left, right ,up ,down <marquee direction=left>从右向左移!</marquee>
方式
<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走!</marquee>
<marquee behavior=slide>只走一次就歇了!</marquee>
<marquee behavior=alternate>来回走</marquee>
循环
<loop=#> #=次数;若未指定则循环不止(infinite) <marquee loop=3 width=50% behavior=scroll>只走 3 趟</marquee> <P>
<marquee loop=3 width=50% behavior=slide>只走 3 趟</marquee>
<marquee loop=3 width=50% behavior=alternate>只走 3 趟!</marquee>
速度
<scrollamount=#> <marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
延时
<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
外观(Layout)设置
对齐方式(Align)
<align=#> #=top, middle, bottom <font size=6>
<marquee align=# width=400>啦啦啦,我会移动耶!</marquee>
</font>
底色
<bgcolor=#> #=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色!</marquee>
面积
<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积!</marquee>
空白
(Margins)<hspace=# vspace=#>
<marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积!</marquee>
分享到:
相关推荐
Vue动态字幕 游乐场和演示 可以在上找到一个整洁的文档,演示和游乐场站点。... component ( 'dynamic-marquee' , window [ 'vue-dynamic-marquee' ] ) </ script > 用法 全球注册 //in main
images-marquee图片轮播,比较好的图片轮播例子,可以在项目中直接使用。
import TheMarquee from "@vue_modules/vue-marquee-straight" ; import "@vue_modules/vue-marquee-straight/marqueeBar.css" ; export default { components : { TheMarquee , } , } ; 让我们继续前进 ...
React字幕大师 创建滚动字幕的简单组件。 字幕HTML标记已停产,但有时您仅需向网站添加闪光点即可! 使用打字稿进行构建以提供开箱即用的打字方式。...您可以将node_modules/react-marquee-master/dis
React双字幕 一个React字幕组件,可以平滑地循环内容。 Lo-fi演示: ... import Marquee from 'react-double-marquee' ; export default function FooComponent ( ) { return ( < Marquee> So
jquery-3d-marquee.zip
收集的Javascript特效\图片左右移动效果--marquee.html
HarmonyOS应用开发-marquee组件使用
JS替代Marquee网上也有不少例子,可基本上都是单个实例,不支持多个,修改起来又麻烦,而且各个浏览器的兼容性也不是很好。所以,俺就做了个支持多个实例,兼容性好的替代品(其实是一年前做的...),虽然没什么...
react-native-marquee-ab Marquee,Support iOS and Android。使用了react-native中的Animated API,且只使用了react-native&js代码,实现Marquee(走马灯)组件。支持的功能v2.0.0-rc.1 新增:增加水平滚动时首尾相连...
import Marquee from 'canvas-marquee' ; var textList = [ '跑马灯' , '666' , '233333333' , 'javascript' , 'html' , 'css' , '前端框架' , 'Vue' , 'React' , 'Angular' , '测试跑马灯效果' ] ; var opts = ...
香草字幕一个ES5香草JS实现安装npm i vanilla-marquee用法import maqruee from 'vanilla-marquee'new marquee( element, { options})这个插件和jQuery.marquee之间的区别尽管此插件可以代替jQuery插件,但还是有一些...
npm install react-native-hsnz-marquee --save 快速开始 import React , { Component } from 'react' ; import { Platform , Dimensions , StyleSheet , Text , View , ToastAndroid , Image } from 'react-native'...
npm install --save react-native-marquee or yarn add react-native-marquee 用法 import React, { Component } from 'react'; import { StyleSheet, View } from 'react-native'; import MarqueeText from 'react-...
该项目使用java语言开发springboot框架开发,注释全,代码少,3个类即可运行!
<wc> Marquee标签作为Web组件 安装 安装 npm i @vanillawc/wc-marquee 从NPM导入 < script type =" module " src =" node_modules/@vanillawc/wc-marquee/index.js " > </ script > 从CDN导入 < ...
水平字幕 vue的字幕字幕插件 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev ... < div xss=removed><Marquee xss=removed></Marquee></div>
STM32跑马灯,实现连个LED灯间隔300ms进行闪烁
tripod-hero-marquee是用于显示覆盖有文字的英雄图像/视频/图形/颜色的元素。 它将元素的样式和所有内容保留为外部样式,并提供了一些类来定位使用flexbox传递的内容(由于还获得了更多浏览器支持,因此还包括CSS ...
用法###HTML: < div class =' marquee '> Lorem ipsum dolor sit amet, consectetur adipiscing elit END. </ div> 或者如果您想在没有选项的情况下启动插件但想使用数据属性,请使用此选项。 您可以使用上面列出...