jQueryの画像ロールオーバー

jQueryを使用した基本的な画像のロールオーバー(Rollover)効果

マウスを上げたときの画像が変わるの基本的なJQueryベースのイメージロールオーバー(Rollover)効果を実装する方法です。 同じサイズの画像二つを用意します。 マウスを上げれば、元の表示された画像がフェードアウト(Fade out)され、他の画像がフェードイン(Fade ...
外部リンクを新しいウィンドウで開くjQuery

[jQuery]すべてのtarget = "_ blank"を削除する

ブログ記事を作成し、リンクは内部リンクも外部リンクもすべて新しいウィンドウで開くようにtarget = "_ blank"属性を追加した状態です。 しかし、外部リンクは新しいウィンドウで開くようにしながら、内部リンクの場合は、新しいウィンドウで開かれるよりも、同じ...

[CSS]テキストをクリックすると、divがポップアップで表示されるようにする方法

CSSを使用して、テキストをクリック時にdivをポップアップで浮かせる方法、例えば「Contact Us」をクリックすると、お問い合わせフォームがポップアップで表示されるなど、テキストリンクをクリックしたときに、特定のdiv領域がポップアップで表示される効果をご希望の場合は。 。

Mediumのように上下にスクロールに応じて、ヘッダーの表示/非表示する

過去韓国でのWebサイト制作が比較的初期のときにサイトは全体的にフラッシュを使用して派手な効果を重視しました。 私は、ウェブについては何も知らなかった頃(今もよくわからないが)にポートフォリオのホームページを一つ作ったことがありました。 デザインについても、htmlに...

javascriptを使った簡単な日付のカウントダウン

JavaScriptを使用した日付のカウントダウンスクリプトです(例えば、2017年新年までの残り日数など)。 簡単に活用することができるようになります。 CountDownTimer(「01 / 01 / 2017 '、' countdown '); // 2017年1月1日までCountDownTimer(「01 / 01 / 2018 00:00 AM '、' newcountdown '); // 2018年1月に...

jQueryを使用してDIVをランダムに表示する

たとえば、次のようなHTMLコードがある場合はjQueryを使用してDIV要素をランダムに表示することができます。 <div class = "item"> 1 </ div> <div class = "item"> 2 </ div> <div class = "item"> 3 </ div> <div class = "item"> 4 </ div>簡単には、次のようなスクリプトを使用することができます。 var random ...

[jQuery]同一ページ内でスムーズにスクロールさせる

同一ページ内のリンクをクリックしたときにスムーズにスクロールされるようにするには、次のjQueryのスクリプトを使用することができます。 $(function(){$( 'a:not()')。click(function(){if(location.pathname.replace(/ ^ //、 '')== this.pathname.replace(/ ^ / /、 '')&& location.hostname == this.hostname){var target = $(this.hash); target ...