gsap加减乘除计算器工具特效代码下载


gsap加减乘除计算器工具特效代码下载
gsap加减乘除计算器工具特效代码下载以及加减乘除、计算器工具等js/jquery网页特效代码下载。

1. 引入CSS

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

2. 引入JS

<script src="js/gsap.min.js"></script>
<script src="https://kit.fontawesome.com/56942480bb.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>

3. HTML代码

<!--图标库-->
<div class="main-wrapper">
  <div id="op-history-container" class="hide"></div>
  <div class="inputs-wrapper">
    <i class="fas fa-history" id="toggle-history"></i>
    <input type="text" id="input-top">
    <input type="text" id="input-bottom" placeholder="0">
  </div>
  <div class="gradient-divider"></div>
  <div class="row">
    <div data-set="7" class="num">7</div>
    <div data-set="8" class="num">8</div>
    <div data-set="9" class="num">9</div>
    <div data-set="/" class="op">÷</div>
  </div>
  <div class="row">
    <div data-set="4" class="num">4</div>
    <div data-set="5" class="num">5</div>
    <div data-set="6" class="num">6</div>
    <div data-set="*" class="op">x</div>
  </div>
  <div class="row">
    <div data-set="1" class="num">1</div>
    <div data-set="2" class="num">2</div>
    <div data-set="3" class="num">3</div>
    <div data-set="-" class="op">-</div>
  </div>
  <div class="row">
    <div class="num" id="reset">C</div>
    <div data-set="0" class="num">0</div>
    <div data-set="." class="num">.</div>
    <div data-set="+" class="op">+</div>
  </div>
  <div id="equal" data-set="=">
    =
  </div>
</div>

相关推荐

发表评论

相关文章