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

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

jQueryの画像ロールオーバー

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

続きを読む

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

外部リンクを新しいウィンドウで開くjQuery

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

続きを読む

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

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

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

続きを読む

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

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

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

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

続きを読む

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

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

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

続きを読む

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

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

ページの読み込み時に、特定のDIVやアンカー(anchor)の位置にスクロールされるようにする場合には、次のようなjQueryを使用することができます。 $(document).ready(function(){$( 'html、body')。animate({scrollTop:$( '#what')。offset()。top}、「slow ');}); // Source:stackoverflow jsfiddleで実際の動作を確認する...

続きを読む