vue创意气泡滑块拖动特效代码下载


vue创意气泡滑块拖动特效代码下载
vue创意气泡滑块拖动特效代码下载以及创意气泡、滑块拖动等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src='js/vue.min.js'></script>
<script src='js/hammer.min.js'></script>
<script src='js/TweenMax.min.js'></script>
<script src="js/script.js"></script>

3. HTML代码

<main>
  <div class="sliderContainer">
    <div class="ballon" ref="ballonEl">
      <span class="ballon__text" ref="ballonTextEl">{{ percent }}</span>
    </div>
    <div v-on:mousedown="dragStart" v-on:touchstart="dragStart" ref="thumbEl" class="sliderContainer__thumb"></div>
    <div class="sliderContainer__input" ref="inputEl"></div>
  </div>
</main>

相关推荐

发表评论

相关文章