js实现虚拟键盘特效

最新推荐文章于 2021-05-31 05:57:00 发布

今天又困了吗

最新推荐文章于 2021-05-31 05:57:00 发布

阅读量179

点赞数

本文链接：https://blog.csdn.net/weixin_45747582/article/details/102652556

版权

html代码:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <script src="js/jquery.js"></script>
</head>
<body>

<div id="container">
    <textarea id="write" rows="6" cols="60"></textarea>
    <ul id="keyboard">
        <li class="symbol"><span class="off">`</span><span class="on"  >~</span></li>
        <li class="symbol"><span class="off">1</span><span class="on">!</span></li>
        <li class="symbol"><span class="off">2</span><span class="on">@</span></li>
        <li class="symbol"><span class="off">3</span><span class="on">#</span></li>
        <li class="symbol"><span class="off">4</span><span class="on">$</span></li>
        <li class="symbol"><span class="off">5</span><span class="on">%</span></li>
        <li class="symbol"><span class="off">6</span><span class="on">^</span></li>
        <li class="symbol"><span class="off">7</span><span class="on">&amp;</span></li>
        <li class="symbol"><span class="off">8</span

最低0.47元/天解锁文章

今天又困了吗

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js实现虚拟键盘特效

html代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css" />...
复制链接

扫一扫