抖音快手昵称斜体字在线生成Html代码教程

Partner 站长学院 2020-11-24 热度 6.44K℃ 收藏 本文共2058个字,预计阅读时间需要6分钟。

抖音快手斜体加粗昵称生成HTML源码,通过输入转换成特殊字符实现抖音昵称斜体加粗字体。

演示站点:https://www.lmeim.cn/api/bold/

Html代码:

<!DOCTYPE html>
<!--蓝魅网络:www.lmeim.cn-->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>抖音快手昵称斜体字生成 -www.lmeim.cn</title>
<style>
body{margin:20px 20px 10px;padding:0;background-color:#3ca5f6}.youname{box-sizing:border-box;margin-top:20px;margin-bottom:20px;padding-left:10px;width:100%;height:37px;outline:none;border:none;border-radius:2px;box-shadow:1px 1px 3px #584d69;font-size:16px;line-height:37px}.apptitle{color:#fff;text-shadow:2px 2px 2px #fd2a2a;font-weight:700;font-style:italic;font-size:24px}button{padding:.75rem;background-color:#dc3545!important;background-image:linear-gradient(to bottom right,hsla(0,0%,100%,.2),hsla(0,0%,100%,.01));box-shadow:0 .125rem .25rem rgba(0,0,0,.1);color:#fff}.result,button{width:100%;outline:none;border:none;border-radius:2px}.result{display:flex;box-sizing:border-box;margin-bottom:10px;height:80px;background-color:#fff;box-shadow:1px 1px 3px #584d69;font-weight:700;font-size:24px;justify-content:center;align-items:center}
</style>
</head>
<body>
  <div class="apptitle">抖音快手昵称斜体字生成</div>
  <div class="doc">
    <input value="www.lmeim.cn" placeholder="请输入昵称" id="youname" class="youname" >
    <div class="result" id="result"></div>
    <button onclick="ok()">点击生成</button>
  </div><br>
	<p class="banquan" style="text-align: center;font-size: 14px;color: #e2e2e2;">Copyright © 蓝魅网络 www.lmeim.cn</p>
  <script>
    const baseText = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
    const LowerCase = ['?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?']
    const UpperCase = ['?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?','?']
    function ok() {
      var input = document.getElementById('youname')
      var result = ''
      for (var i of input.value) {
        if (/[A-Za-z]/.test(i)) {
          var index = baseText.indexOf(i.toLocaleUpperCase())
          if (/[a-z]/.test(i)) {
            result += UpperCase [index]
          } else {
            result += LowerCase[index]
          }
        } else {
          result += i
        }
      }
      document.getElementById('result').innerText = result
    }
  </script>
</body>
</html>
版权声明:本文内容来源于互联网资源,由 蓝魅网络 整理汇总,如有侵权请您与我们联系删除!
其他声明:如未标明出处,所有文章均为蓝魅网络原创,转载请务必保留本文链接,感谢您支持。
蓝魅网络 » 抖音快手昵称斜体字在线生成Html代码教程
  • 售后服务范围 1、商业模板使用范围内问题免费咨询
    2、源码安装、模板安装(一般 ¥50-300)服务答疑仅限会员用户
    3、单价超过200元的模板即可以免费一次安装,需提供服务器信息
    付费增值服务 1、提供dedecms模板、WordPress主题、discuz模板优化等服务请详询在线客服
    2、承接 WordPress、DedeCMS、Discuz 等系统建站、仿站、开发、定制等服务
    3、服务器环境配置安装(一般 ¥50-300)
    4、网站中毒处理(需额外付费,500元/次/质保三个月)
    售后服务时间 周一至周日(法定节假日除外) 9:00-23:00
    免责声明提示 本站所提供的资源仅供学习交流,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担,有部分资源为网上收集或仿制而来,若模板侵犯了您的合法权益,请来信通知我们(Email: 495553705@qq.com),我们会及时删除,给您带来的不便,我们深表歉意!

低至 ¥99 元/年 爆款产品限时抢

阿里云*云小站 | 上云优惠聚集地 | 领取限量云产品优惠

立即抢购