微信小程序模仿快播标签云滚动特效

         说到快播，故事肯定就不少。用过的人都知道快播首页有个标签云的特效效果，就是渐隐渐显外加上下滚动，其实还挺好看的。至于其他故事嘛，因为没有酒，所以，还是来说说代码吧~

        一开始不是做这个特效需求，但因为在找资料的时候看到了。所以就有了兴趣，再翻了翻，先人们做的都是JQ或者原生的，貌似没有小程序端的呀。本着吃饱了撑的，就看了看部分源码，大概思路就是不断更改Style，给人一种错觉以为是动画效果。（虽然用animation也可以做，但用js肯定相对会容易点啦）

        伪3D加强版标签云特效请移步到我另一篇博客：  微信小程序仿快播标签词云滚动特效加强3D版 - 爱上大树的小猪 - 博客园

        好了，话也不多说，毕竟都说程序猿挚爱是Code，直接上代码吧。肯定是有可以优化的地方的，如果你们路过有兴趣留下“到此一游”的代码建议，先对你们说声谢谢

效果图

WXML

<view class="container">  
    <view id="tagscloud">    
        <text wx:for="{
  {tagEle}}" wx:key="{
  {index}}" class="{
  {index  % 2 ? 'tagc2' : index % 3 ? 'tagc5' : 'tagc1'}}" id="tag{
  {index+1}}" style="opacity:{
  {item.opacity}};top: {
  {item.top}};left: {
  {item.left}}; z-index: {
  {item.zIndex}};">
        {
  {item.t