معرفی ویژگی های برنامه در جاوا اسکریپت

معرفی برنامه در جاوا اسکریپت – با کمک کتابخانه intro.js می توانیم تور معرفی برنامه را برای وب اَپ هایمان داشته باشیم .

با معرفی برنامه focus زیبا را شاهد خواهیم بود که به کاربر در درک بهتر کارایی برنامه کمک می کند .

ابتدا کتابخانه را از اینجا دانلود کنید و به صفحه html تان اضافه کنید .

دموی برنامه

فایل index.html

<!DOCTYPE html>
<html lang="fa">
<head>
    <meta charset="UTF-8">
    <title>Rapidcode.iR - سورس کد</title>
    <link rel="stylesheet" href="static/css/lib/introjs-rtl.min.css">
    <link rel="stylesheet" href="static/css/lib/introjs.min.css">
</head>
<body>


    <div class="container">
        <a data-step="2" data-intro='منبع' id="introduce" href="https://rapidcode.ir" target="_blank">رپید کد • کتابخانه مجازی برنامه نویسان</a>

        <form action="">
            <input data-step="1" data-intro='نام کاربری خود را اینجا وارد کنید' type="text" id="username" name="username" placeholder="نام کاربری">
        </form>

       
    </div>



    <script src="static/js/lib/intro.min.js"></script>
    <script src="static/js/app.js"></script>
</body>
</html>

اسکریپت app.js

introJs().start();

دانلود پروژه تور معرفی برنامه

معرفی ویژگی های برنامه در جاوا اسکریپت

دموی برنامه

فایل index.html

اسکریپت app.js

ارسال نظر

جهت استفاده از کد حتما از تگ pre استفاده نمایید . لغو پاسخ

لیست نظرات