跑马灯效果大全
跑马灯大全
var Mes=new Array();
Mes[0]="我们欢迎你! ";
Mes[1]="感谢你关注我们教程 ";
Mes[2]="网页特效 之 跑马灯效果大全 ";
var place=1;
var i=0;
function scroll()
{
window.status=Mes[i].substring(0, place);
if (place >= Mes[i].length)
{
if(i
滚动的文字
表示双向移动
表示运动方向向左
弹来弹去跑马灯!
表示运动方向向左
参数 | 用法介绍 |
behavior=scroll, slide, alternate | 跑马方式:循环绕行,只跑一次就停住,来回往复运动 |
direction=left,right | 跑马方向:从左向右,从右向左 |
loop=100 | 跑马次数:循环100次,如不写默认为一直循环 |
width=100%,height=200 | 跑马范围:宽为100%,高为200像素 |
scrollamount=20 | 跑马速度:数越大越快 |
scrolldelay=500 | 跑马延时:毫秒数,利用它可实现跃进式滚动 |
hspace=20,vspace=20 | 跑马区域与其它区域间的空白大小 |
bgcolor=#00FFCC | 跑马区域的背景颜色 |
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
Android TextView实现跑马灯效果的方法
本文为大家分享一个非常简单但又很常用的控件,跑马灯状态的TextView.当要显示的文本长度太长,又不想换行时用它来显示文本,一来可以完全的显示出文本,二来效果也挺酷,实现起来超级简单,所以,何乐不为.先看下效果图: 代码实现 TextView自带了跑马灯功能,只要把它的ellipsize属性设置为marquee就可以了.但有个前提,就是TextView要处于被选中状态才能有效果,看到这,我们就很自然的自定义一个控件,写出以下代码: public class MarqueeTextView ex
-
Android实现跑马灯效果的方法
本文实例讲述了Android实现跑马灯效果的方法.分享给大家供大家参考.具体如下: 运行效果截图如下: 直接在布局里写代码就好了: <TextView android:id="@+id/menu_desc" android:layout_width="300dip" android:layout_height="wrap_content" android:text="温馨提示:左右滑动更改菜单,点击进入" android
-
Android自定义View实现竖直跑马灯效果案例解析
首先给出跑马灯效果图 中间的色块是因为视频转成GIF造成的失真,自动忽略哈. 大家知道,横向的跑马灯android自带的TextView就可以实现,详情请百度[Android跑马灯效果].但是竖直的跑马灯效果原生Android是不支持的.网上也有很多网友实现了自定义的效果,但是我一贯是不喜欢看别人的代码,所以这篇博客的思路完全是我自己的想法哈. 首先,我们需要给自定义的控件梳理一下格局,如下图所示: 1.首先我们将控件分为三个区块,上面绿色部分为消失不可见的块,中间黑色部分为可见区域,下面红色部
-
Android基于TextView实现的跑马灯效果实例
本文实例讲述了Android基于TextView实现的跑马灯效果.分享给大家供大家参考,具体如下: package sweet.venst.act; import java.io.BufferedReader; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.IOException; import java.io.InputStrea
-
Android跑马灯MarqueeView源码解析
跑马灯效果,大家可以去原作者浏览https://github.com/sfsheng0322/MarqueeView 下面看自定义控件的代码 public class MarqueeView extends ViewFlipper { private Context mContext; private List<String> notices; private boolean isSetAnimDuration = false; private OnItemClickListener onIt
-
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
兼容各浏览器的文本行高 复制代码 代码如下: (function($){ $.fn.extend({ RollTitle: function(opt,callback){ if(!opt) var opt={}; var _this = this; _this.timer = null; _this.lineH = _this.find("li:first").height(); _this.line=opt.line?parseInt(opt.line,15):parseInt(_t
-
Android TextView跑马灯效果实现方法
本文实例讲述了Android TextView跑马灯效果实现方法.分享给大家供大家参考,具体如下: public class MyTextView extends TextView{ public MyTextView(Context context, AttributeSet attrs) { super(context, attrs); // TODO Auto-generated constructor stub } public MyTextView(Context context, A
-
Android基于TextView属性android:ellipsize实现跑马灯效果的方法
本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具备以下几个条件: 1.android:ellipsize="marquee" 2.TextView必须单行显示,即内容必须超出TextView大小 3.TextView要获得焦点才能滚动 XML代码: android:ellipsize="marquee", andro
-
Android 实现不依赖焦点和选中的TextView跑马灯
前言 之前有写一篇TextView跑马灯的效果,后来实际项目中有发现新的问题,比如还是无法自动跑,文本超过了显示区域就截取的问题,今天换了一种思路来实现,更简单更好用. 正文 代码实现: public class MarqueeTextView extends TextView { /** 是否停止滚动 */ private boolean mStopMarquee; private String mText; private float mCoordinateX; private float
-
Android自定义View实现纵向跑马灯效果详解
首先看看效果图(录制的gif有点卡,真实的效果还是很流畅的) 实现思路 通过上面的gif图可以得出结论,其实它就是同时绘制两条文本信息,然后通过动画不断的改变两条文本信息距离顶部的高度,以此来实现滚动的效果. 具体实现 首先定义一些要用到的属性 <declare-styleable name="MarqueeViewStyle"> <attr name="textSize" format="dimension" /> &l
随机推荐
- Gird组件 Part-3:范例RSSFeed Viewer
- 解决VS2017不能打开stdio.h等文件的问题
- phpsir 开发 一个检测百度关键字网站排名的python 程序
- ASP.NET实现电影票信息的增删查改功能
- JS基于VML技术实现的五角星礼花效果代码
- 深入PHP FTP类的详解
- javascript showModalDialog,open取得父窗口的方法
- 我的Node.js学习之路(一)
- asp 存储过程分页代码第1/2页
- SpringMVC中Json数据格式转换
- jquery判断元素是否隐藏的多种方法
- jquery中ajax调用json数据的使用说明
- js实现的网站首页随机公告随机公告
- JS实现的论坛Ajax打分效果完整实例
- 两表格传递变量
- 摘自linuxForum 经典帖子
- Laravel实现数据库迁移与支持中文的填充
- 也谈 PHP 和 MYSQL
- 基于MVC5中的Model层开发数据注解
- 基于DownloadManager的简单下载器编写小结