JQuery

HTML

【WordPress】Instagramのウィジェットを自前で作る

Instagram のウィジェットは、FacebookやTwetterのように公式に提供されていないので、外部サービスをつかったりすることが多いみたいです。 そこで、APIからデータを取得して自前でHTMLを生成する方法を試しました。...
JQuery

[WordPress]Ajaxで画像を送受信

Ajaxで画像を送受信する方法。 なかなかに手こずったのでメモ。 まずは、page.phpなどにいれておくHTML。 つぎに、function.phpなどに以下を。 JSをmyscript.jpというファイル名でfuncti...
JQuery

Master Slider でページボタンをオンマウスで表示する

スライドショーのプラグインとして、とても使い勝手のいい、Master Sliderを使っているのですが、左右にスライドさせるためのボタンが大きくて、肝心のバナーを隠してしまっているので、マウスポインターが上に来た時だけ、常時させるようにする...
JQuery

JQuery リンクのHover時のデザインいろいろ

リンクタグの上にマウスを載せた時に、CSSだけではなく、JQueryでそれっぽくリンクを主張するいろいろ。 オンマウスで文字の色とリンクの背景を反転させる 色をanimateするには、JQueryUIが必要です。なので、...
HTML

[JQuery] スクロールでTableのヘッダをシンプルに固定する(レスポンシブ対応)

行数の多いテーブルだと、スクロールしていくとヘッダ部分が消えてしまうので、固定したいときがあります。sそんなとき、なるべくシンプルにコーディングするには、固定用のテーブルを別に用意したほうがシンプルに済みます。 こんな感じで。 ...
JavaScript

[JQuery] input要素のdateタイプの値を計算する

たとえば、こんなふうに2つのdateタイプのinput要素があって、その期間を計算する方法です。 JQueryのスクリプトはこんな感じ。 setDate関数を作って、その中で計算しています。 日付のフォーマットは、...
HTML

JQuery URLのパラメータで、Formのselect要素を選択する

URLのパラメータで、Formのselect要素を選択する方法です。 たとえば、  のようにして、ccパラメータで選択する項目を指定した場合、JQueryを使って、次のようにしてselect要素に反映させることができます。 HTML...
JQuery

画面上に表示されたら、じわっと、ふわっと表示される

左からふわっと表示されるあれです。 jquery.inviewプラグイン まず、画面に表示された時のイベントを得るために、jquery.inviewプラグインを導入します。 こちらからダウンロードして、任意のフォルダに保存します。 ...
CSS

マウスオーバーで半透明にする

アンカータグをマウスオーバーしたときに、要素を透過にして、半透明な感じにする方法 opacityは、0.5で透明度50%。1を指定すると、100%で透過なしになります。0を指定すると完全に消えてしまいます。 filter...
CSS

WordPressのレスポンシブデザインでPC表示を選択できるようにする

WordPressでレスポンシブ対応するのですが、スマホで表示するときに、レスポンシブ化せずに表示させるときに、たとえばプラグインを使う方法がありますが、あえてプラグインを使わずにスマホ表示とPC表示を切り替えられるようにする方法です。 ...
タイトルとURLをコピーしました