Category : TIPS

READ MORE

以前ここでも「CSS3 Transitionプロパティでアニメーションを実行させるパターン【ページロード/マウスオーバー/クリックアクション】」と題して、CSSアニメーションの実行パターンをいくつか紹介しましたが、アニメーションの実行制御をCSS側でなくjQueryで操作させる方法が簡単でいろいろとこの先使えそうだった…

READ MORE

Webサイト制作の際にクライアントからの要望などや画像を簡単に保存させたくない時など、右クリック動作を禁止させることがたまにあるかと思います。右クリック禁止はJavaScriptで簡単に実装できますがjQueryを使うと、より簡単に実装することができたのでメモ書きとして紹介してみます。jQueryで右クリックを禁止させ…

READ MORE

一年以上前の記事になりますが「jQueryで画像がクロスフェードするシンプルな画像ビューアー(自動再生)を作成する方法」と題して、画像がクロスフェードするだけのシンプルな画像ビューアーを実装するスクリプトを紹介しましたが紹介後、1ページ内に複数設置やリンクを張ったりキャプション(テキスト)を追加するパターンなどなど数多…

READ MORE

jQueryを使ってのコンテンツスライダーや画像スライドショーなどを出来るだけシンプルなスクリプトでに実装する実験やサンプルをいくつか紹介してきていますが最近よく見かける(流行り?)ブラウザウィンドウ画面の幅をめいっぱい使ってコンテンツ要素をスライドさせて魅せるコンテンツスライダーをまだ試したことがなかったので実験的に…

READ MORE

Webサイト上での限られたスペースにお知らせなどの複数にわたる情報を表示させたい際に便利なニュースティッカー。jQueryプラグインでもいろいろな形状のニュースティッカー用プラグインがありますがシンプル(ベーシック)な動きのニュースティッカーを極力シンプルなスクリプト構成で実装することが出来ないか試してみたので紹介して…

READ MORE

jQueryを使ったアニメーションではCSSのプロパティ値を操作することによってページ上に様々なバリエーションのアニメーションを簡単に実装することが可能になりますが現状(ver.1.8)のデフォルト状態でのjQueryファイルではCSS3のTransform系の回転「rotate」や拡大縮小「scale」といったアニメ…

READ MORE

以前ここで「jQueryで入力フォームに文字カウント(カウントダウン)を設置する方法」と題して入力フォームの文字数の値(value)を取得して文字数カウントダウンを設置する方法を紹介しましたがvalueの値ではなくて<p>タグなど通常のコンテンツ要素の文字数の値を取得するやり方について紹介してみます。jQueryでコン…

READ MORE

Webサイトのトップページで表示するお知らせ情報などレイアウトの都合上、長い文字列を特定の文字数でカットしたいことはよくあることかと思います。そんな際にjQueryを使って文字列を任意の文字数でカットして末尾に「…」などの追記情報(これも任意の文字列)を追加するやり方をシンプルなスクリプトで実装する方法をご紹介してみま…

READ MORE

Webページ上でJavaScriptやjQueryなどを使ってロールオーバーやタブ切り替えの様な何かのアクションによって画像を表示する動作を組み込んだ際画像をロードするのに少し時間がかかることによって一瞬画像部分がチラつくことがあります。その現象を回避する為に、切り替え後に表示する画像ファイルを前もって読み込んでおく画…

READ MORE

以前ここでjQueryでアニメーションにイージング処理をつける際の方法として「jQueryアニメーションにイージング(easing)処理をつけるプラグイン【イージング動作サンプル一覧】」と題した記事を紹介しましたが、同じようにイージング動作をリスト化したサイトでjQueryだけでなくCSS(CSS3)アニメーションを使…

Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Book
  • jQuery Technical Note
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR