Module for creating "hot lines" https://codepen.io/mirzaev-sexy/pen/gOzBZOP
Go to file
Arsen Mirzaev Tatyano-Muradovich 81aca40016 remove `default` 2025-01-11 22:38:19 +07:00
preview exapmle from the svoboda site 2024-12-14 19:17:35 +07:00
LICENSE init license 2022-10-31 13:10:09 +10:00
README.md just comment 2024-12-22 23:18:32 +07:00
hotline.min.mjs remove `default` 2025-01-11 22:38:19 +07:00
hotline.mjs remove `default` 2025-01-11 22:38:04 +07:00

hotline.mjs

Module for creating "hot lines"

Example

<section id="wrap_articles" style="display: flex">
    <!-- First element -->
    <article>
        <h3>Place</h3>
    </article>

    <!-- Second element -->
    <div>
        <p>here</p>
    </div>

    <!-- Third element -->
    <a>anything</a>
</section>
import("/js/modules/hotline.mjs").then((hotline) => {
    // Imported the hotline.mjs module

    // Initializing an instance of the hotline.mjs
    const instance = new hotline.default(
        'articles', 
        document.getElementById('wrap_articles')
    );
        
    // Initializing settings of the hotline instance
    instance.move = false;
    instance.wheel = true;
    instance.delta = 15;

    // Starting the hotline instance
    instance.start();
});

Preview

Site of the Svoboda anarchist organization svoboda/works

svoboda.works preview

Telegram chat-robot market mirzaev/arming

ARMING preview

Large project, marketplace system mirzaev/skillparts

but the example is taken from another project that was copied and corrupted by another programmer

SkillParts preview

Pen in the CodePen

CodePen preview CodePen preview CodePen preview