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>
<option value="6">6进制</option>
<option value="7">7进制</option>
<option value="8">8进制</option>
<option value="9">9进制</option>
<option value="10" selected="selected">10进制</option>
<option value="11">11进制</option>
<option value="12">12进制</option>
<option value="13">13进制</option>
<option value="14">14进制</option>
<option value="15">15进制</option>
<option value="16">16进制</option>
<option value="17">17进制</option>
<option value="18">18进制</option>
<option value="19">19进制</option>
<option value="20">20进制</option>
<option value="21">21进制</option>
<option value="22">22进制</option>
<option value="23">23进制</option>
<option value="24">24进制</option>
<option value="25">25进制</option>
<option value="26">26进制</option>
<option value="27">27进制</option>
<option value="28">28进制</option>
<option value="29">29进制</option>
<option value="30">30进制</option>
<option value="31">31进制</option>
<option value="32">32进制</option>
<option value="33">33进制</option>
<option value="34">34进制</option>
<option value="35">35进制</option>
<option value="36">36进制</option>
</select></li>
</ul>
<div class="form-inline">
<span class="add-on">转换数字： </span><input id="input_value" onpropertychange="px()" onchange="px()" oninput="px()" class="form-control" size="70" placeholder="在此输入待转换数字" type="text">
</div>
</div>
</td>
</tr>
<tr><td>
<div class="content_area" id="output_area">
<ul>
<li><label class="radio"><input name="output_" value="2" type="radio">2进制</label></li>
<li><label class="radio"><input name="output_" value="4" type="radio">4进制</label></li>
<li><label class="radio"><input name="output_" value="8" type="radio">8进制</label></li>
<li><label class="radio"><input name="output_" value="10" type="radio">10进制</label></li>
<li><label class="radio"><input name="output_" value="16" checked="checked" type="radio">16进制</label></li>
<li><label class="radio"><input name="output_" value="32" type="radio">32进制</label></li>
<li><select id="output_num" onchange="px(1);" class="input-small">
<option value="2">2进制</option>
<option value="3">3进制</option>
<option value="4">4进制</option>
<option value="5">5进制</option>
<option value="6">6进制</option>
<option value="7">7进制</option>
<option value="8">8进制</option>
<option value="9">9进制</option>
<option value="10">10进制</option>
<option value="11">11进制</option>
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0