jQueryのサンプル - WordPress 情報パッケージ -

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

2020年 11月 14日2017年 2月 26日

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

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

2017年 1月 17日

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

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

2021年 5月 24日2016年 6月 4日

ページをロードするたびに、複数のDIVの項目のいずれかをランダムに表示したい場合があります。たとえば、ページを訪問するたびに、複数のバナー画像のいずれかがランダムに表示されるようにする場合に、ここに該当します。この場合jQueryを使用して...

同一ページ内のリンクをクリックしたときにスムーズにスクロールされるようにするには、次の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を使用してリンクを新しいウィンドウで開く

2020年 11月 15日2016年 5月 19日

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

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

2020年 11月 15日2016年 4月 27日

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

[jQuery]ページの読み込み時に、特定のDIVにスクロールさせる方法

2021年 9月 30日2016年 4月 15日

ページの読み込み時に、特定のDIVやアンカー（anchor）の位置にスクロールされるようにしなければならない状況があります。そのような場合、単純なjQueryを簡単に特定の位置に移動されるようにすることができます。ページの読み込み時に、特定のDIVにスクロールさせる方法（jQuery）ページの読み込み時に、特定の...