<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>凯撒密码加密与解密</title> <meta name="keywords" content="凯撒密码, 加密与解密" /> <link href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"> <style> h1{ font-size: 35px; text-align: center; color: rgb(31, 141, 214); } input{ width: 50px; } button{ font-size: 18px; } td{text-align: center;} #id-input-shift{margin-top: 10px;} .main { text-align: center; max-width: 1080px; margin: 0 auto; } </style> </head> <body> <div class="main"> <h1>凯撒加密与解密</h1> <table class="table table-bordered"> <tr> <td colspan="3" style="font-size: 30px; color: #a90404;">加密</td> </tr> <tr> <td> <textarea rows="5" cols="40" id="id-text-code" placeholder="这里输入需要加密的英文" class="form-control"></textarea> </td> <td> 输入偏移量(整数) <input type="text" id="id-input-shift" class="form-control"> <br> <button type="button" class="btn btn-primary" id="id-button-encode">加密</button> </td> <td> <textarea rows="5" cols="40" id="id-text-encode" placeholder="这里是加密后的密码" class="form-control"></textarea> </td> </tr> <tr> <td colspan="3" style="font-size: 30px; color: #a90404;">解密</td> </tr> <tr> <td colspan="3"> <textarea rows="5" cols="100" id="id-text-code1" placeholder="这里输入需要解密的英文" class="form-control"></textarea> </td> </tr> <tr> <td colspan="3"> <button type="button" class="btn btn-primary" id="id-button-decode">解密</button> <button type="button" class="btn btn-primary" id="id-button-maxdecode">使用英文字典智能分析</button> </td> </tr> <tr> <td colspan="3"> <textarea rows="8" cols="100" id="id-text-decode" class="form-control"></textarea> </td> </tr> </table> 简介：通过把字母移动一定的位数来实现加密和解密。 <br> <a href="http://www.zjslove.com/3.decode" class="btn btn-primary" target="_blanck">返回</a> </div> <script type="text/javascript" src="http://img.gzui.net/decode/words.js"></script> <script type="text/javascript" src="http://img.gzui.net/decode/decode-kaisa.js"></script> </body> </html> 提示：你可以先修改部分代码再运行。 转载请注明：有爱前端 » 凯撒加密与解密 喜欢 (0)or分享 (0)
