javascript jQueryで画面遷移させる方法 jqueryで遷移する方法をご紹介します。 画面遷移する場合、javascriptでは「window.location.href」と記述し jQueryだと「location.href」で遷移することができます。 今回はすべてjQueryで... 2019年07月02日 javascriptjQueryサイト制作
javascript jQueryでマウスカーソルの位置を取得する方法 マウスカーソルの取得でよく使う値は、トップからの位置ぐらいなものですが 知っておくと便利な、色々な場所からのカーソル値の取得方法のご紹介です。 さらに最後に、カーソルの値を使った面白いウェブサイトのご紹介もあります。 カーソルの値だけ取れて... 2019年07月01日 javascriptjQueryサイト制作
javascript jQueryでボタンを押すと前面に広がるメニューの実装方法 スマホサイトでよく見るドロワーメニュー(三本線)を押すと前面に広がるメニューを実装してみようと思います。 HTMLとCSS まずはメニューを出した状態で重なりを調節します。 今回は、「 header 」が一番上でその下にメニューが来て、さら... 2019年06月26日 javascriptjQuery
javascript jQueryでページ内リンクを固定ヘッダー分ずらす方法 昨日、「スムーススクロールでページ内リンクをそっこう実装できるjQuery」を紹介しましたが、 固定ヘッダーがあると、その分ずらさなくちゃいけない。。。。すごい手間。 今回はそんな手間をそっこう解決できるjQueryのご紹介です。 基本にな... 2019年06月25日 javascriptjQueryサイト制作
javascript jQueryでスムーズにページ内リンクを移動する方法 ページ内のリンクになにも設定しない場合、アニメーション無しでカクッと切り替わっちゃって大変不格好。 そんな不格好なページ内リンクを優しくするする~っと移動する方法をご紹介します。 下のコードをjsファイルに張り付けると、ページ内リンクのaタ... 2019年06月24日 javascriptjQueryサイト制作
javascript jQueryでmarginとpaddingを含めた値の取得方法 全ての親要素の値を取得するなら「.height()」でいい。 でも、ちょくちょく「margin」や「padding」、「border」を含めた値が欲しくなる時があります。 いつも忘れてしまうので、これを期に覚えようじゃないかと思いまして書い... 2019年06月23日 javascriptjQueryサイト制作
javascript jQueryでスル~っと表示/非表示する方法 1行で実現できるフェードイン・フェードアウトレシピの紹介です。 表示させるボタンには、あらかじめCSSで「display:none;」をかけておきます。 フェードインボタン 表示ボタン HTML <div class="fadein_btn... 2019年06月21日 javascriptjQueryサイト制作