跑马灯

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

<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

<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

位操作：把每个比特映射为一个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;

原理图： 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）如果直接是

本实验所采用的开发板为正点原子的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;

.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 简易的跑马灯效果 最近项目上要用到跑马灯的效果，和网上不太相同的是，网上大部分都是连续的，而我们要求的是不连续的。 也就是是，界面上就展示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翻转字符串 <!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> <

< 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 .