实时汇率计算器插件


实时汇率计算器插件
实时汇率计算器插件以及实时汇率计算器等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="index.css">

2. 引入JS

<script src="index.js"></script>

3. HTML代码

    <img src="./images/money.png" alt="图片加载中" title="汇率计算器">
    <h1>汇率计算器</h1>
    <p>选择货币和金额以获取汇率。</p>
    <div class="container">
        <div class="currency">
            <div class="select-container currency-one">
                <div class="select-title">
                    <div class="select-content" tabindex="0" hidefocus="true" data-value="USD">USD</div>
                    <i class="select-icon select-down"></i>
                </div>
                <ul class="select-items">
                </ul>
            </div>
            <input type="number" id="amount-number-one" class="amount-number" placeholder="0" value="1">
        </div>
        <div class="swap-rate-container">
            <button class="swap-btn" id="swap">转换</button>
            <div class="rate" id="rate"></div>
        </div>
        <div class="currency">
            <div class="select-container currency-two">
                <div class="select-title">
                    <div class="select-content" tabindex="0" hidefocus="true" data-value="EUR">EUR</div>
                    <i class="select-icon select-down"></i>
                </div>
                <ul class="select-items">
                </ul>
            </div>
            <input type="number" id="amount-number-two" class="amount-number" placeholder="0" value="1" disabled>
        </div>
    </div>

相关推荐

发表评论

相关文章