一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

简单的angular实现的文字上下无缝滚动

时间:2016-09-13 编辑:简简单单 来源:一聚教程网

最近在学习angularJs,业余时间随便写了一个文字上下无缝滚动的例子,主要写了一个小小的指令。

css代码:主要控制样式


html代码:




   

       

               
               
           

   


当然我们的代码都是基于页面中已经引入angular.js文件下来运行的

slide-follow是我们需要实现的指令   dataset-data = "datasetData" 是我们需要显示的文字

js代码

首先我们在controller中定义了需要显示的文字,接下来我们就可以开始定义指令部分。

运行效果图:

热门栏目