jq移动端评分左右滑动效果

迷茫的码奴

已于 2023-01-29 17:55:48 修改

阅读量624

点赞数

分类专栏： js 文章标签： js html

于 2021-06-18 15:20:08 首次发布

本文链接：https://blog.csdn.net/weixin_47826037/article/details/118027106

版权

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="layout" content="main">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

</head>
<body>
    <div class="box" id="box">
        <div class="box-wrap">
                <div class="evaluate">
                    <p>您对导购员的服务态度呢？</p>
                    <small>请用0-10分制表示，10分代表一定会推荐，0分代表肯定不会推荐。</small>
                    <nav id="navs">
                        <div id="t_mails"></div>
                        <ul class="ulis">
                            <li>0</li>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>10</li>
                        </ul>
                    </nav>
                    <div id="two" class="content scores">
                        <p>您能具体描述下您的态度吗？</p>
                        <textarea class="evaluate-textarea"></textarea>
                        <a href="javascript:;" id="btn_submit" class=&#