Name

Created

RedirectLink

Gallery view

<button id="page-top" class="page-top"></button>

<script type = "text/javascript">
    const pagetopBtn = document.querySelector('#page-top');
    pagetopBtn.addEventListener('click', () => {
      window.scrollTo({
        top: 0,
        behavior: "smooth"
      });
    });
</script>


<div id="stalker"></div>

<script type = "text/javascript">

//マウスストーカー用のdivを取得
const stalker = document.getElementById('stalker');

//aタグにホバー中かどうかの判別フラグ
let hovFlag = false;

//マウスに追従させる処理 （リンクに吸い付いてる時は除外する）
document.addEventListener('mousemove', function (e) {
    if (!hovFlag) {
    stalker.style.transform = 'translate(' + e.clientX + 'px, ' + e.clientY + 'px)';
    }
});

//リンクへ吸い付く処理
const linkElem = document.querySelectorAll('a:not(.no_stick_)');
for (let i = 0; i < linkElem.length; i++) {
    //マウスホバー時
    linkElem[i].addEventListener('mouseover', function (e) {
        hovFlag = true;

        //マウスストーカーにクラスをつける
        stalker.classList.add('hov_');

        //マウスストーカーの位置をリンクの中心に固定
        let rect = e.target.getBoundingClientRect();
        let posX = rect.left + (rect.width / 2);
        let posY = rect.top + (rect.height / 2);

        stalker.style.transform = 'translate(' + posX + 'px, ' + posY + 'px)';

    });
    //マウスホバー解除時
    linkElem[i].addEventListener('mouseout', function (e) {
        hovFlag = false;
        stalker.classList.remove('hov_');
    });
}

</script>

株式会社HOKUTOの会社概要を掲載しております。

株式会社HOKUTO　会社概要

株式会社HOKUTOの事業内容を掲載しております。医学生向け研修病院口コミサイト、医師向け臨床支援アプリ、製薬企業向けデジタルマーケティング支援事業をご紹介しております。

株式会社HOKUTO　事業内容

株式会社HOKUTOの最新情報を掲載しております。

株式会社HOKUTO　最新情報

株式会社HOKUTOのパートナーシップ情報を掲載しております。

株式会社HOKUTO　パートナーシップ

株式会社HOKUTOの採用情報を掲載しております。

株式会社HOKUTO　採用情報

臨床支援アプリHOKUTO等の開発・運営を行う株式会社HOKUTOのコーポレートサイトです。企業情報、事業概要、採用情報等をご紹介しております。

RECRUIT

RECRUIT

採用情報

プロダクト紹介

会社紹介資料

役員

メンバーの出身企業

求人情報

もっとHOKUTOが知れるコンテンツ

ご応募・お問い合わせ