BE@RBRICK SERIES 47
素材の風合いを活かした生成りのトートバッグ、BASICをご紹介します。元々トートバッグは、アウトドアグッズとして今から約80年前にアメリカで誕生しました。BASICは、その成り立ちに敬意を払って、アウトドア用の機能を数多く搭載しています。現在、アウトドアに特化した鞄といえばバックパックが定番です。そんな風潮の中、もしあなたがキャンプ場にトートバッグを担いで現れたら、登山家あたりの怒りを買って「山を舐めるな！」とボディーブローを食らうことでしょう。そんなときこそBASICが活躍します。BASICの本体には衝撃吸収材として100mm厚のウレタンが仕込んであるので、登山家からのボディーブローのダメージを最大限に和らげ、さらに、ストラップに仕込まれた高出力のレーザーポインターを登山家の目に照射すれば、敵からの2打目の攻撃を未然に防ぐことが出来るのです。その他、催涙スプレー・スタンガン・三段警棒も付
【jQuery】画像を点滅させる方法 ｜ KLUTCHE
jQuery を使って画像をフェードイン・フェードアウトを繰り返して点滅させる方法です デモ デモは画像ですが、テキストでもdiv 要素でも何でも点滅できます。 HTML jQuery 依存のスクリプトなので、まず jQuery を読み込みます。 head 内に記載すると良いです。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> その下にスクリプトを書きます。 <script type="text/javascript"> $(function(){ setInterval(function(){ $('.blink').fadeOut(1200, function(){$(this).fadeIn(200)}); }
ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery - ホームページ制作やリニューアル印刷物デザインなら大阪のWPC
ページ途中にあるグローバルナビなどをスクロール時にトップに固定するjQuery タグを指定して、ページ途中にある要素がスクロールしてトップの位置に来た時に固定するjqueryを紹介します。 ページ最上部を固定するならposition:fixed;でも対応できると思いますが、それ以外の中段にある要素（タグ）で固定したい場合に使ってみてはいかがでしょうか。 今回ご紹介するのは、○○PXスクロールしたらという物ではなく、この要素の位置に来たら固定するというものです。 応用すれば、サイドバーなども固定出来ますので、使い勝手は良いと思います。 まず、CSSとjQuery本体を読み込ませ、スクリプトを記述します。 （今回はグローバルナビで説明） HTML記述例（HEAD部） <html> <head> ・ ・ <link href="style.css" type="text/css" rel="st
jqueryでtoggleを使ってクリックするたびに画像を切り替える : 森のコーディング
3月9 jqueryでtoggleを使ってクリックするたびに画像を切り替える カテゴリ:jQueryjavascript Tweet ボタンを押すと、ボックスが開閉して、 しかもボタンの画像が変わるっていうのを作りたくて、jqueryで以下のように作りました。 js $(".hogehoge").toggle( function() { $(this).attr('src', 'images/bbb.png'); $(".hogehoge2").css("display","block"); }, function() { $(this).attr('src', 'images/aaa.png'); $(".hogehoge2").css("display","none"); }); html <img src="images/aaa.png" class="hogehoge"><di
jQueryプラグイン サンプル（画像系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via：dcdeiv/jsonslider
初心者向けのjQuery入門講座
使い方 まず最初にチェックするコンテンツです。どのような考えをもとにプログラムを組み立てていくか、設計力を学びます。 サンプル 使い方で学んだことを生かして、簡単なサンプルの作成を学んでいきます。 プラグイン jQueryで利用できる便利なプラグインを紹介していきます。 リファレンス jQueryのリファレンスです。辞書代わりにご利用ください。 使用例 企業サイトでのjQueryの使用例を紹介していきます。 始めに jQueryはデザイナーにも利用しやすいjavaScriptプラグインです。このサイトはhtmlやcssを充分に理解しており、さらに基礎的なjavaScriptをマスターしている方を対象に記事を書いています。 現在はスマートフォン用のゲーム制作に注力しているため、本サイトの更新は休止状態（2014年3月が最終更新）です。ゲーム制作に関するブログ：スマゲー作るよ！はほぼ毎日更新し
javascripで画像切り替え時（HPの見出し画像）にフェード効果の挿入や切り替えスピードを変更したい - 本日、見出し... - Yahoo!知恵袋
Javascriptのライブラリーの JQueryで実装出来ます。 以下は、ヒントになれば幸いです。 オンライン状態でしたら <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script> オフラインでしたら <script src="jquery-1.10.1.min.js"> http://jquery.com/ で利用するためには、 青い帯のDownloadをクリックして ジャンプしたページで 安定版のファイルをダウンロード して下さい。 JavascriptのライブラリーのJQuery は、もちろんですが、 様々なプログラムを学べますので 無料のYoutube動画のドットインストールもよろしい と思いますのでおすすめします。 http://dotinstall.com/ 要素の表示や非表示には、フェードイン効果
ページの背景に画像をフルスクリーンで表示させ、画像の切り替えも可能なjQueryプラグイン「Backstretch」
Backstretch 以前に、背景にフルスクリーン画像をスライダーで流すjQuery「maxImage Scaling Plugin」を紹介しましたが、本家のサイトの運営が再開されていないようです。 「maxImage Scaling Plugin」と同じように背景に画像をウィンドウズサイズに調節してフルスクリーン表示させることができるのが、このjQueryプラグイン「Backstretch」です。 少し、手を加えることで背景でスライドショーとして画像を流すことも出来ます。 サンプルを３パターン作ってみました。 基本サンプル クリックして画像を切り替えるサンプル 背景でスライドショーサンプル 簡単に設定できるのと、背景画像を最後に表示させることでメインのコンテンツが表示されるまで待つ必要がないのが特徴です。 設定の方法は続きをどうぞ。 まずは、「Backstretch」のページからファイ
jQuery 簡単かつ高性能なスライダー【bxslider】の設置 – Divスライド系の中では一番のオススメです。
<h1 class="ex1">example1</h1> <script type="text/javascript"> $(document).ready(function(){ $('#slider1').bxSlider(); }); </script> <div id="slider1"> <div><img src="images/slide1.png" width="300px"></div> <div><img src="images/slide2.png" width="300px"></div> <div><img src="images/slide3.png" width="300px"></div> </div> <h1>example2</h1> <script type="text/javascript"> $(document).ready(function(
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://infinityforest.net/home/archives/2348