前端vue实现广告条左右上下滚动，一个marquee标签就完事

通过标签marquee实现的效果如下：

代码如下：

marquee标签属性使用如下：

behavior：设置文本如何滚动。属性值有3种：
scroll - 循环滚动。默认值。
slide - 滚动一次。
alternate - 两端来回滚动。

direction：设置文本滚动的方向。属性值有4种：
left - 从右向左。默认值。
right - 从左向右。
up - 向上。
down - 向下。

loop：设置滚动的次数。默认值-1，无限次循环。

scrollamount：设置每次滚动时移动的长度（以像素为单位），也就是滚动速度。默认值为6 。
值越大，滚动速度越快，一般5-10比较适合查看消息。

scrolldelay：设置每次滚动时的时间间隔（以毫秒为单位）。默认值为 85。
值越大，滚动速度越慢。

truespeed：默认情况下，会忽略小于60的scrolldelay值。如果存在truespeed，那些值不会被忽略。
bgcolor：通过颜色名称或十六进制值设置背景颜色。
vspace：以像素或百分比值设置垂直边距。
width：以像素或百分比值设置宽度。
height：以像素或百分比值设置高度。
hspace：设置水平边距。

前端vue实现广告条左右上下滚动，一个marquee标签就完事相关推荐

Android 竖直滚动广告条、上下滚动广告条，View滚动广告条；
四种方式实现仿淘宝滚动广告条: TextView+Handler延时动画实现滚动效果: 自定义ViewFlipper 实现滚动效果:(用法简单,推荐使用) RecyclerView+子线程延时实现 ...
HTML怎么设置自动滚动的图片,转：HTML中让图片滚动的marquee标签的使用方法
实例: 需要滚动的文字需要滚动的文字也可以程序代码也可以是图片说明: 1.中间的内容可以为文字,图片,也可以是由程序生成的文字或图片 2.onMouseOut="this.star ...
html 自动滚动通知,Marquee标签实现跑马灯、滚动公告、通知效果
1.Marquee基本语法 - 啦啦啦,我会移动耶! 2.文字移动属性 (1)方向 :direction=# #=left, right,up,down 例: 啦啦啦,我从右向左移! 啦啦,我从左向右 ...
css 广告、公告。滚动文字从右到左（店铺招牌的动画），不使用marquee标签
一.插件实现. 公告滚动动画,从右到左滚动,marquee标签效果-互联网文档类资源-CSDN下载二.原生实现. 效果图: 代码: <!DOCTYPE html> <html la ...
Android之高仿京东APP首页“京东快报”自动向上滚动的广告条
转载请标明出处: http://blog.csdn.net/hai_qing_xu_kong/article/details/51013562 本文出自:[顾林海的博客] ##前言上次在京东APP上 ...
类似淘宝、京东的热点推荐垂直滚动文字广告条
今天带来的是一个自定义的垂直滚动广告条 VerticalScrollTextView ,但是在介绍这个控件之前,我先想介绍的是我的一个远程库GWidget,这个是我一个专门用来集成各种自定义控件的库, ...
android自定义控件之滚动广告条
在一些电子商务网站上经常能够看到一些滚动的广告条,许多软件在首次使用时也有类似的广告条,如图: 其实在github上有实现这种效果的控件,不过这东西做起来也是很简单,我们今天就来看看该怎么做. 先来看 ...
android+广告栏效果,Android自定义控件之广告条滚动效果
在一些电子商务网站上经常能够看到一些滚动的广告条,许多软件在首次使用时也有类似的广告条,如图: 其实在github上有实现这种效果的控件,不过这东西做起来也是很简单,我们今天就来看看该怎么做. 先来看 ...
Android基础控件——ViewFlipper的使用，仿淘宝头条垂直滚动广告条
ViewFlipper的使用,仿淘宝头条垂直滚动广告条学习,学习,学以致用 ViewFlipper是安卓自带的控件,很多人可能很少知道这个控件,这个控件很简单,也很好理解,能不能用上实战就看你们的本 ...

前端vue实现广告条左右上下滚动，一个marquee标签就完事

前端vue实现广告条左右上下滚动，一个marquee标签就完事相关推荐

最新文章

热门文章