jqueyr实现多进制相互转换效果代码-html代码-BFW代码库

jqueyr实现多进制相互转换效果代码

代码语言：html

所属分类：其他

代码描述：jqueyr实现多进制相互转换效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>

    <style>
    body{
        background: white;
    }
        .tool_content {
            width: 100%;
            margin: 15px auto 25px;
            font-size: 14px;
        }
        .tool_content h1 {
            margin: 10px 0 30px 0;
            font-size: 14pt;
        }
        .tool_content ul li {
            width: 80px;
            height: 30px;
            display: inline-block;
        }
        .content_area {
            margin: 20px 0 20px 0;
        }
    </style>
</head>

<body>


    <div>
        <h1 style="text-align: center; font-size:28px;">任意进制转换</h1>

        <div id="mainContent" class="tool_content wrapper">
            <div style="margin:10px 0 10px 0;">
                该工具支持在2~36进制之间进行任意转换，支持浮点型
            </div>
            <table>
                <tbody>
                    <tr><td>
                        <div class="content_area" id="input_area">
                            <ul>
                                <li><label class="radio"><input name="input_" value="2" type="radio">2进制</label></li>
                                <li><label class="radio"><input name="input_" value="4" type="radio">4进制</label></li>
                                <li><label class="radio"><input name="input_" value="8" type="radio">8进制</label></li>
                                <li><label class="radio"><input name="input_" value="10" checked="checked" type="radio">10进制</label></li>
                                <li><label class="radio"><input name="input_" value="16" type="radio">16进制</label></li>
                                <li><label class="radio"><input name="input_" value="32" type="radio">32进制</label></li>
                                <li><select id="input_num" class="input-small">
                                    <option value="2">2进制</option>
                                    <option value="3">3进制</option>
                                    <option value="4">4进制</option>
                                    <option value="5">5进制</option>
      .........完整代码请登录后点击上方下载按钮下载查看