ちょっとしたアクセントによさげなjQueryプラグイン「jQuery Glow」を使ってみました。マウスオーバーするとテキストにふんわりとエフェクトをかけることができます。オプションでテキストや光の色、エフェクトが動くスピードなども自分で調整することができます。ということで、以下、使い方です。 [ads_center] 使い方 jQueryとダウンロードしたプラグインを読み込みます。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script type="text/javascript" src="jquery.color.js"></script> <script type="text/jav
ユーザに何かのアクションを起こさせようとする時にマウスオーバーでボタンを点滅させたり、色を変えるようなアクションを行うことがある。文字の色を変えるくらいなら簡単だが、ボタンを作成したりするのは面倒に感じてしまう。 光り輝く文字は相当目立つ だがユーザビリティを高くするには必要なことだ。開発者にとって楽で、かつユーザにとっても使いやすいサービスを目指してjQuery Glowを使ってみよう。 今回紹介するオープンソース・ソフトウェアはjQuery Glow、GlowイフェクトをJavaScriptで実現するjQueryプラグインだ。 Glowイフェクトとは文字の背後から光を当てて周囲が輝くようなイフェクトのことだ。jQuery Glowを使うとJavaScriptだけで実現できる。マウスオーバーした際に使えば、目立たせることができ、クリックを促せるようになるだろう。 こちらは緑 色は自由に設
/*! * jQuery Mobile 1.4.5 * Git HEAD hash: 68e55e78b292634d3991c795f06f5e37a512decc <> Date: Fri Oct 31 2014 17:33:30 UTC * http://jquerymobile.com * * Copyright 2010, 2014 jQuery Foundation, Inc. and othercontributors * Released under the MIT license. * http://jquery.org/license * */ /* Globals */ /* Font --------------------------------------------------------------------------------------------
スライドを単に次々と見せるだけでなく、切り替わる時に3Dのダイナミックでかっこいいエフェクトを与えたスライドショーを実装するチュートリアルを紹介します。 Slideshow with jmpress.js [ad#ad-2] デモ 実装 デモ まずは、そのダイナミックな3Dのアニメーションをご覧ください。 スライドは5枚あり、それぞれアニメーションが異なります。 デモページ：別レイアウト 実装 実装に使用しているスクリプトは先日当サイトで紹介した「jmpress.js」です。 紹介記事はこちら。 広大なカンバスを使って次々にコンテンツをスライドさせるスクリプト -jmpress.js HTML jmpress.jsのイメージは一枚の広大なカンバスにパネルを設置し、それをアニメーションでスライドする感じです。 実装は一枚の広大なカンバスとなるルート（section要素）に、各パネル（div要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
