ベストセラー人気 WordPress テーマTop 30 詳細

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

jQueryの画像ロールオーバー

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQueryを使用してリンクを新しいウィンドウで開く

jQueryを使用してリンクを新しいウィンドウで開く5

特定のリンク(例えば、単一のリンクは、すべての外部リンクなど)をクリックしたときに、新しいウィンドウで開くようにしたい場合があります。 このような場合、HTMLソースからを挿入すると、簡単に解決だろうが、ソースコードを変更することができない場合には、どうすれば...

続きを読むjQueryを使用してリンクを新しいウィンドウで開く

[jQuery]既存のDIVの直後に新しいDIV追加する

[jQuery]既存のDIVの直後に新しいDIV追加する6

特定のDIV次の新しいDIVを追加し、必要なクラスを付与したい場合があります。 この場合は、ソースを変更することができればいいのですが、そうでない場合jQueryを使用することができます。 いくつかの方法を考えてみることができます。 まず、次のような...

続きを読む[jQuery]既存のDIVの直後に新しいDIV追加する