跑马灯 | 易学教程

自定义某多多跑马灯广告圈

阅读更多关于自定义某多多跑马灯广告圈

不多废话，先行上图代码： public class MddPmdView extends View { private Paint mPaint = null; private int mW = 0; private int mH = 0; /** * 背景圆角半径 */ private float mRadiu = 0; /** * 边框线宽度 */ private float mStockWidth = 0; /** * 点半径 */ private float mCirlRadiu = 0; /** * 背景颜色 */ private int mBgColor = Color.BLACK; /** * 边框线颜色 */ private int mStockColor = 0xffd88341; /** * 线上点的个数 */ private int mPointCount = 0; private long duration = 0; private List<PointF> mPoints = new ArrayList<>(); private List<Integer> colors = new ArrayList<>(); private Disposable mDisposable; private int mRunIndex = -1; public

自定义某多多跑马灯广告圈2

阅读更多关于自定义某多多跑马灯广告圈2

效果代码： public class MddPmdView2 extends View { Paint mPaint; private int mW; private int mH; private int mStockWidth = 10; private int mRadius = 50; private float mTrans = 0.05f; private float angle = 0; private int[] colors = null; public MddPmdView2(Context context) { this(context, null); } public MddPmdView2(Context context, AttributeSet attrs) { this(context, attrs, 0); } public MddPmdView2(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); init(); } private void init() { mPaint = new Paint(); mPaint.setColor(Color.GRAY); mPaint.setAntiAlias(true)

vue 实现跑马灯效果

阅读更多关于 vue 实现跑马灯效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title>  <script src="./lib/vue-2.4.0.js"></script> </head> <body>  <div id="app"> <input type="button" value="浪起来" @click="lang"> <input type="button" value="低调" @click="stop"> <h4>{{ msg }}</h4> </div> <script> // 注意：在 VM实例中，如果想要获取 data 上的数据，或者想要调用 methods 中的方法，必须通过 this.数据属性名或 this.方法名来进行访问，这里的this，就表示我们 new 出来的 VM 实例对象 var vm = new Vue({ el: '

discuz数据调用跟slidesjs插件的冲突

阅读更多关于 discuz数据调用跟slidesjs插件的冲突

discuz的数据调用是通过js的document.write来输出数据，一开始想做跑马灯效果，采用slide\slides\Slides\examples\Standard 的这个例子去修改，做成静态html传上服务器是可以的，但是当5个图片超链接<a href=#><img src="#" /></a>改用用discuz数据调用来输出就出现问题了，整个页面只出现5张图片的排列，其他内容全部看不见。纠结了几天，后来一位师兄说看了源码，发现slide的处理是所有标签都当做图片链接来处理，包括数据调用的<script></script>代码。最后，用了精髓的在调用slides函数前加了一句$("#moon_test a").appendTo($(".slides_container")); ，再在html结构后面加了 <div id="moon_test"> <script type="text/javascript" src="http://xx.xx.xx.xx/demo/bbs/api/javascript.php?key=%E9%A6%96%E9%A1%B5%E7%9A%84%E6%B5%B7%E6%8A%A5%E6%BB%9A%E5%8A%A8_v2"></script> </div> 最后整理一下，把全部做成数据调用，直接在论坛首页调用就行 <!-- lang: js -

玩转Android 之 TextView常用特效

阅读更多关于玩转Android 之 TextView常用特效

暑期大学生博客分享大赛 - 2011 Android 成长篇本文参加第二届Google大学生暑期博客分享大赛 TextView是最常用的Android控件之一，显示文字时的首选，然而很多人都不满足于，TextView默认的显示效果，希望加入诸如跑马灯，文字阴影的效果，下面我就来介绍下Android中文字跑马灯和文字阴影的简单实现方法。一，文字跑马灯同样的，先上效果图，实现起来非常简单，TextView中已经提供了多种显示接口，可以在文字显示不下时，以各种方式进行显示例如前置省略号后置省略号中间省略号跑马灯显示主要的区别在Xml中 android:ellipsize 属性的不同 android:ellipsize 设置当文字过长时 , 该控件该如何显示。有如下值设置： ”start”—– 省略号显示在开头； ”end”—— 省略号显示在结尾； ”middle”—- 省略号显示在中间； ”marquee” —— 以跑马灯的方式显示 ( 动画横向移动 ) 由此只需要在Xml文件中设置TextView的 ellipsize 属性为 marquee即可如 <com.widget.ScrollForeverTextView android:layout_width="wrap_content" android:layout_height="wrap_content"

Arduino学习笔记——LED跑马灯

阅读更多关于 Arduino学习笔记——LED跑马灯

最基础的LED跑马灯效果：从一侧到另一侧，然后返回 byte ledPin[] = { 4 , 5 , 6 , 7 , 8 , 9 , 10 , 11 , 12 , 13 }; //为LED引脚创建数组 int ledDelay( 65 ); //变化之间的延时 int direction = 1 ; int currentLED = 0 ; unsigned long changeTime; void setup() { for ( int x = 0 ; x < 10 ; x++) { pinMode(ledPin[x], OUTPUT); //设置所有引脚为输出模式 } changeTime = millis(); } void loop() { //如果距离最后一次变灯已经过去ledDelay毫秒 if ( (millis()-changeTime) > ledDelay) { changeLED(); //判断LED距离上次改变的时间是否超过一段确定的时间，是为了在需要时允许其他代码在主程序运行。 changeTime = millis(); } void changeLED() { for ( int x = 0 ; x< 10 ; x++) { digitalWrite(ledPin[x], LOW); //关闭所有LED } digitalWrite(ledPin

Marquee(跑马灯)横向、纵向、无空白的不间断连续循环滚动代码

阅读更多关于 Marquee(跑马灯)横向、纵向、无空白的不间断连续循环滚动代码

https://bbs.csdn.net/topics/120063623 可以通过改造，让datalist的列表内容呈现跑马灯效果 Marquee(跑马灯)横向、无空白的不间断连续循环滚动代码! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> </HEAD> <BODY> <table width="760" align="center" border="1" > <tr> <td align="center"> <div id=demo style='overflow:hidden;height:110px;width:750px;'> <table height=110 border=0 cellspacing=0 cellpadding=0> <tr> <td id=demo1>  <table width=780> <tr> <td>第一</td> <td>第二</td> <td>文章标题</td> <td>最牛交通工具<br>添　　加：<br>更新时间：2004年10月9日'</td> <td>经典动物幽默图集<br>添　　加：<br>更新时间：2004年10月7日'</td> <td>新化二中<br>添　　加：<br>更新时间

Axure跑马灯交互效果

阅读更多关于 Axure跑马灯交互效果

1、创建循环面板，载入时，每100ms切换一次面板状态; 2、循环面板状态改变时： a)如果文字内容在右侧，则线性10秒移动到左侧； b)如果文字内容在左侧，则立刻移动到右侧。来源： https://www.cnblogs.com/china3356/p/11847035.html

jQuery.Marquee

阅读更多关于 jQuery.Marquee

jQuery.Marquee是一款jQuery文字跑马灯插件。jQuery.Marquee跑马灯插件可以结合使用CSS3动画，制作文字的上下左右移动效果。使用方法在页面中引入jquery和jquery.marquee.js文件。 <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.marquee.js" type="text/javascript"></script> 如果需要跑马灯的暂停效果，引入jquery.marquee.js文件。 <script src="js/jquery.pause.js" type="text/javascript"></script> 如果需要使用easing动画效果，引入jquery.easing.js文件。 <script src="js/jquery.easing.min.js" type="text/javascript"></script> 使用一个块级元素作为跑马灯的容器。 <div id="container">跑马灯文字</div> 在页面DOM元素加载完毕之后，通过marquee()方法来初始化该插件。 $(function(){ $('.marquee').marquee(); });

跑马灯实验

阅读更多关于跑马灯实验

一、实验目的控制开发板上的两个LED实现类似跑马灯的效果；通过该实验，可以初步掌握STM32基本I/O口的使用。二、STM32的I/O口可以由软件配置成8种模式：输入浮空、输入上拉、输入下拉、模拟输入、开漏输出、推挽输出、推挽式复用功能、开漏复用功能。三、STM32的I/O端口寄存器 1、每个端口I/O端口都有7个寄存器分别是：配置模式的2个32位的端口配置寄存器CRL和CRH；一个32位的置位/复位寄存器BSRR；一个16位的复位寄存器BRR；一个32位的锁存寄存器LCKR；主要学习一些常用的寄存器，即CRL、CRH、IDR、ODR。 2、CRH和CRL作用完全一样，只是CRL控制的是低8位输出口，而CRH控制的是高8位输出口。实例：比如我们要设置 PORTC 的 11 位为上拉输入， 12 位为推挽输出。代码如下： GPIOC->CRH&=0XFFF00FFF; //清掉这 2 个位原来的设置，同时也不影响其他位的设置 GPIOC->CRH|=0X00038000; //PC11 输入， PC12 输出 GPIOC->ODR=1<<11; //PC11 上拉通过这三句话，设置了PC11为上拉输入，PC12为推挽输出。 3、IDR是一个端口输入数据寄存器，只用了低16位。 4、ODR是一个端口输出数据寄存器，也只用了低16位。 5、led.c文件代码：

订阅跑马灯