前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >使用的leader-line的片段代码

使用的leader-line的片段代码

作者头像
拿我格子衫来
发布2022-01-24 19:28:48
3780
发布2022-01-24 19:28:48
举报
文章被收录于专栏:TopFE
代码语言:javascript
复制
   let liElArr = $('ol.queue-in li')
   for(let i = 0; i<liElArr.length; i++) {
     let item = liElArr[i]
     let confidence = item.dataset.confidence
     let color = item.dataset.color
     new LeaderLine(
      LeaderLine.mouseHoverAnchor(item, 'draw', {
        animOptions: {
          duration: 1000
        },
        hoverStyle:{
          backgroundColor: null
        },
        // 起始点样式,这里为了清除默认样式
        style: {
          paddingTop: null,
          paddingRight: null,
          paddingBottom: null,
          paddingLeft: null,
          cursor: null,
          backgroundColor: null,
          backgroundImage: null,
          backgroundSize: null,
          backgroundPosition: null,
          backgroundRepeat: null
        }
      }),
      document.querySelector(`#firstCard [data-confidence="${confidence}"]`),
      {
        color: color,
        size: 6,
        hoverStyle:{
          backgroundColor: null
        },
        // 起始点样式,这里为了清除默认样式
        style: {
          paddingTop: null,
          paddingRight: null,
          paddingBottom: null,
          paddingLeft: null,
          cursor: null,
          backgroundColor: null,
          backgroundImage: null,
          backgroundSize: null,
          backgroundPosition: null,
          backgroundRepeat: null
        }
      }
    )
   }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档