跑马灯

HTML Marquee跑马灯

坚强是说给别人听的谎言 提交于 2020-03-11 02:26:32
Marquee是html的标签,所有的主流浏览器都能兼容,用于创建文字滚动。 来介绍下标签的属性 滚动方向 direction < ! -- 滚动方向 direction 4 个值 up down left right 默认从右向左 -- > < marquee direction = "up" > 我想上滚动 < / marquee > 滚动方式 behavior < ! -- 3 个值 scroll - 循环滚动 slide - 只滚动一次 alternate - 来回滚动 默认循环滚动 -- > < marquee behavior = "slide" > 我只滚动一次 < / marquee > 滚动速度 scrollamount < ! -- 值越大,滚动速度越快 一般 5 - 10 比较适宜消息观看 -- > < marquee scrollamount = "5" > 我是速度为 5 的滚动 < / marquee > 滚动延迟 scrolldelay < ! -- 值越大,滚动速度越慢,通常不设置 -- > < marquee scrolldelay = "90" > 我延迟滚动 < / marquee > 滚动循环 loop < ! -- 默认值 - 1 或infinite 表示无限循环滚动 loop = "数值" 表示滚动相应的次数 -- > < marquee

跑马灯效果

こ雲淡風輕ζ 提交于 2020-03-06 18:06:11
<TextView android:id="@+id/textview_set" android:layout_width="match_parent" android:layout_height="wrap_content" android:singleLine="true" android:ellipsize="marquee" android:marqueeRepeatLimit="marquee_forever" android:text="11111111111111111111111" /> mTextView.setSelected(true); 来源: https://www.cnblogs.com/sunjian43792901/p/12427333.html

Vue 跑马灯效果

坚强是说给别人听的谎言 提交于 2020-02-05 02:06:10
<div id="app"> <input type="button" value="浪起来" @click="lang"> <input type="button" value="低调" @click="stop"> <h3 v-cloak> {{msg}} </h3> </div> <script> var vm = new Vue ({ el : '#app', data : { msg : '猥琐发育,别浪~~~', intervalId : null }, methods : { lang () { this.intervalId = setInterval(() => { var start = this.msg.substring(0,1) var end = this.msg.substring(1) this.msg = end + start }, 400) }, stop () { clearInterval(this.intervalId) } } }) </script> 来源: CSDN 作者: 这个东西不好和你解释,因为我是菜狗 链接: https://blog.csdn.net/weixin_43912756/article/details/104175474

STM32F103ZE跑马灯基于位操作

瘦欲@ 提交于 2020-02-03 00:03:50
位操作:把每个比特映射为一个32位的字,当访问这些字的时候就达到了访问比特的目的。 支持位操作的区域: SRAM 区的最低 1MB 范围,0x20000000 ‐ 0x200FFFFF(SRAM 区中的最低 1MB)。 2.片内外设区的最低 1MB范围,0x40000000 ‐ 0x400FFFFF(片上外设区中最低 1MB)。 映射关系: 位带区:支持位带操作的地址区。 位带别名:对别名地址的访问最终作用到位带区的访问上。 公式不用记忆,本质就是映射关系。 直接对位进行了操作,实质还是操作寄存器的位。配置和基于库函数的跑马灯一样。区别在于主函数中,库函数是对SetBits和ResetBits的操作,位操作是直接对PXout(n)进行赋值。 源码: led.c #include "led.h" #include "stm32f10x.h" void LED_init(void) { GPIO_InitTypeDef GPIO_InitStructure; RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOB,ENABLE);//GPIOB RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOE,ENABLE);//GPIOE GPIO_InitStructure.GPIO_Mode=GPIO_Mode_Out_PP;

STM32F407 跑马灯 库函数版 个人笔记

自作多情 提交于 2020-02-01 04:37:35
原理图: MCU在开发板原理图的第二页,LED在开发板原理图的第三页 由图可知,PF9 ,PF10 若输出低电平则灯亮,高电平则灯灭 选推挽输出 代码步骤 使能IO口时钟。 调用函数RCC_AHB1PeriphClockCmd();不同的外设调用的时钟使能函数可能不一样 初始化IO口模式。调用函数GPIO_Init(); 操作IO口,输出高低电平。 GPIO_SetBits(); GPIO_ResetBits(); 实现步骤 1.删掉FWLIB中不用的源文件(以提高编译速度),保留misc,rcc , gpio , uart 2.新建hardward文件夹,其中新建led文件夹,其中新建led.c 和led.h,分别引入工程 3.led.h中: #ifndef __LED_H #define __LED_H void LED_Init(void); #endif 4.led.c中,每个函数用gotodefinition查看定义 怎么写函数里的参数呢?找到assert_param 函数 assert_param(IS_RCC_AHB1_CLOCK_PERIPH(RCC_AHB1Periph)); 其中最里层的括号里会出现参数,外面用一个宏包着 对包着参数的那个宏,(如下面的IS_RCC_AHB1_CLOCK_PERIPH)goto definition,可以看到其定义 1)如果直接是

STM32学习笔记(一):跑马灯

二次信任 提交于 2020-02-01 03:59:05
本实验所采用的开发板为正点原子的MiniSTM32f103rc开发板,主函数程序如下,注释如下: main.c #include "stm32f10x.h" void Delay(u32 count) { u32 i=0; for(;i<count;i++); } int main(void) { GPIO_InitTypeDef GPIO_InitStructure; RCC_APB2PeriphClockCmd(RCC_APB2Periph_GPIOA|RCC_APB2Periph_GPIOD, ENABLE); //使能PA,PD端口时钟 GPIO_InitStructure.GPIO_Pin = GPIO_Pin_8; //LED0-->PA.8 端口配置 GPIO_InitStructure.GPIO_Mode = GPIO_Mode_Out_PP; //推挽输出 GPIO_InitStructure.GPIO_Speed = GPIO_Speed_50MHz; //IO口速度为50MHz GPIO_Init(GPIOA, &GPIO_InitStructure); //根据设定参数初始化GPIOA.8 GPIO_SetBits(GPIOA,GPIO_Pin_8); //PA.8 输出高 GPIO_InitStructure.GPIO_Pin = GPIO_Pin_2;

微信小程序跑马灯制作

为君一笑 提交于 2020-01-19 21:29:06
.wxml文件 < view class = "example" > < view class = "marquee_box" > < view class = "marquee_text" style = "{{orientation}}:{{marqueeDistance2}}px;font-size: {{size}}px;" > < text > { { text } } < / text > < text wx : if = "{{marquee2copy_status}}" style = "margin-left:{{marquee2_margin}}px;" > { { text } } < / text > < / view > < / view > < / view > .wxss样式 /* 跑马灯 */ . example { display : block ; width : 100 % ; height : 100 rpx ; } . marquee_box { width : 100 % ; position : relative ; } . marquee_text { white - space : nowrap ; position : fixed ; top : 10 % ; color : #fff ; } 关键Js文件 text :

WPF 简易的跑马灯效果

半世苍凉 提交于 2020-01-17 01:47:13
原文: WPF 简易的跑马灯效果 最近项目上要用到跑马灯的效果,和网上不太相同的是,网上大部分都是连续的,而我们要求的是不连续的。 也就是是,界面上就展示4项(展示项数可变),如果有7项要展示的话,则不断的在4个空格里左跳,当然,衔接上效果不是很好看。 然后,需要支持点击以后进行移除掉不再显示的内容。 效果如下: 思路大致如下: 1、最外层用一个ViewBox,为了可以填充调用此控件的地方,这样可以方便自动拉伸 <Viewbox x:Name="viewbox_main" Height="{Binding Path=ActualHeight}" Width="{Binding Path=ActualWidth}" MouseLeave="grid_main_MouseLeave" MouseMove="grid_main_MouseMove" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stretch="Fill"/> 2、定义三个变量,一个是Count值,是为了设定要展示的UserControl的个数的,例如默认是4个,如效果图,当然,设置成5的话,就是5个了;一个List<Grid>是为了放入展示控件的列表,一个List<UserControl>是用来放所有要用于跑马灯里的控件的。 3、设置一个Canvas

vue翻转字符串和vue跑马灯案例

半世苍凉 提交于 2020-01-02 20:31:04
vue翻转字符串 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <button @click="fn">翻转</button> <p>{{ msg }}</p> </div> <script src="./vue.js"></script> <script> const vm = new Vue({ el: '#app', data: { msg: 'hello vue' }, methods: { fn () { this.msg = this.msg.split('').reverse().join('') } } }) </script> </body> </html> vue跑马灯案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <button @click="run">跑</button> <button @click="stop">停</button> <p>{{ msg }}</p> <

Vue.js Day1_11-12跑马灯效果制作

坚强是说给别人听的谎言 提交于 2020-01-02 14:24:38
< html > < head > < script src = " ./vue.js " > </ script > </ head > < body > < div id = " app " > < input type = " button " value = " 开始 " @click = " start " > < input type = " button " value = " 结束 " @click = " stop " > < p > {{ msg }} </ p > </ div > < script > var vm = new Vue ( { el : '#app' , data : { msg : "大不自多,海纳江河~ 唯学无际, 际于天地~" , intervalId : null //在data上定义定时器 Id } , methods : { start ( ) { if ( this . intervalId != null ) { return ; } //箭头表达式 this . intervalId = setInterval ( ( ) => { // console.log(this.msg) var start = this . msg . substring ( 0 , 1 ) var end = this . msg .