前回に引き続き、Lightbox風プラグイン(jQuery Multi Level CSS Menu、jQuery plugin: Accordion)を紹介していきます。 jQuery Multi Level CSS Menuは横方向のメニューを作るためのプラグインであり、入れ子になったメニューまで表現することができます。 一方、jQuery plugin: Accordionは縦方向のメニューと考えることもできるアコーディオンを実現するためのプラグインとなっています。 jQuery Multi Level CSS Menu jQuery Multi Level CSS Menuは横方向のメニューを作るためのプラグインです。単に一列にメニューを並べるだけでなく、入れ子になったメニューもドリルダウンする形で表現することができます。 ダウンロード まずは配布サイトからJavaScript、C
网信彩票(www.ma-creators.com)是【购彩中心-以小博大】最知名的游戏平台网站,购彩中心极力为您提供注册、开户、登录、app下载、计划、走势图、开奖直播、网上代理等服务!
Web上には無限大のスペースが広がっています。 しかし、コンテンツの多さ=見やすさには決してなりません。 coda-sliderは多くなってしまったコンテンツをスライドのように表示することで、見やすさも得ることができます。 sponsors 使用方法 coda-sliderからjquery.easing.js、slideviewer.jsを、jQueryからjquery.js(v1.1)をそれぞれダウンロードします。 また、zipファイル内のindex.htmlからcssを取り除きます。(jCodaSlider.css*画像パスを各自変更してください) <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easing.
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
jQuery.flyout デモでは、3種類の実装方法が紹介されており、拡大時のアニメーションだけでなく、ローディングのサインをテキストや画像にするなども可能です。 jQuery.flyoutはjQueryのプラグインのため、動作にはjquery.jsが必要です。
文字や画像に影を付けると浮き上がって見えるので、インパクトがあります。 ただし加工するのは面倒でした。 Drop Shadowではほんの少しの手間でテキストはもちろん画像、ボタンまですべてに影を付けることが出来ます。 sponsors 使用方法 Drop Shadowからjquery.dropshadow.jsをjQueryからjquery.js(v1.2.1)を、jQuery Dimensions Pluginからjquery.dimensions.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.dimensions.js" type="text/javascript"></scrip
画像に鏡面効果を与えるreflection.js reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定されている場合はこのライブラリを使えば効率的に作業ができるでしょう。 rheight20~80のクラス名
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through
画像だけでなく動画にも lightbox 効果を適用できる WordPress 用プラグイン WP-lightpop Ver.0.7.0 をリリースしました。 このバージョンでの主な変更点は 各動画サイトの動画プレイヤーを制御するオプションを追加 オプション設定画面を、ちょっと使いやすく修正 オーバーレイ部分であれば、どこをクリックしても閉じるように修正 ウィンドウスクロール後、次のコンテンツを表示した際、次のコンテンツがウィンドウ中央に表示されるよう修正 新機能の「動画プレイヤーを制御するオプション」は、各動画サイトごとに幅・高さ・パラメータを指定できます。 例えば、YouTube なら、"autoplay=1&fmt=18" などと指定すれば、自動再生:on、高画質モード:on で動画プレイヤーを起動することができます。 ダウンロードと使用方法は下記サイトを参照してください。 Word
No posts found. Try a different search? Search for:
JSライブラリを使用したメニューや、Lightboxを導入したCGI、自作 JSライブラリなどを配布しています。 スクロール(スライド)するアコーディオンメニューです。 アコーディオンメニューは色々なライブラリが開発されてますが、今回はjQueryプラグインのAccordion Content/Menu Script(ddaccordion)を利用しアコーディオンメニューを作成しました。 特徴 jQueryプラグインのAccordion Content/Menu Script(以下からddaccordionと呼ぶ)は、設定が分かりやすく簡単な上、機能は豊富。HTML&CSSでメニューを幾らでも加工できます。またCookieに開いたカテゴリを保存できる為、別のページに移動してもそのカテゴリのメニューが表示される機能があります。 ブラウザをスクロールするとアコーディオンメニューが移動する為、何
HTML要素の背景にグラデーションをかけたい場合,色つきの画像をそのボックス要素の大きさに合わせて作り,背景として指定する方法がある。 しかし画像をいちいち個別に作るのは面倒だ。 (CSSで背景画像のサイズを自動調整する方法は無い。貼る個所のサイズに合わせて作っておく必要がある。) また,テキストや要素に影(ドロップシャドウ)をつけたい場合,CSSを工夫して何段もうっすら重ねるなどの方法がある。 でもこれも,全ての段を手で書いて微調整していくのは苦痛だ。 実はこれらの作業は,JavaScript (jQuery) で簡単にできる。 例えば右上のイメージのようなページを作りたい場合,下記のコードのようにすればよい。 画像は一切作らなくてよい。 <body> <div style="position:relative"> <table class="hoge"> <tbody> <tr> <t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く