[JS]サイズが不明な画像を指定したエリアにフィットさせたり、配置を調整できるスクリプト -Image Scale
画像の長い辺に合わせて、フィット Image Scaleの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script src="jquery.js" type="text/javascript"></script> <script src="image-scale.js" type="text/javascript"></script> </head> Step 2: HTML 大きさを調整したい画像に「class=scale」を加えます。 <div class="image-container"> <img class="scale" src="img/example.jpg"> </div> さらに、画像の位置などを設定する場合はdata属性を加えます。 <div class="image-c
スクロールストップイベントを実装するjQueryプラグイン「jquery.scrollstop.js」
スクロールストップイベントを実装するjQueryプラグイン「jquery.scrollstop.js」 スクロールストップイベントを実装するjQueryプラグイン「jquery.event.scrollstop.js」を作成したので公開しておきます。 ダウンロード / サンプル 一応、iPhoneやAndroidでの利用を想定しているので、そちらに最適化しています。 $(window).bind("scrollstop",function(){ alert("ok") }); と言った具合にscrollstopをbindするだけでscroll stopイベントが利用ができます。MITライセンスで公開しておきますのでご自由にご利用ください。 関連エントリー CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」 iPho
jQueryで動的に CSSファイルを追加する方法
他の要素と同じようにappend()とかappendTo()しても、CSSファイル（link要素）の追加ができない。（IE8のみで確認。） でも下記で紹介されているやり方ならなぜかできた！ How-To: Load Javascript and CSS dynamically with jQuery | TopSecretProject $("head").append("<link>"); css = $("head").children(":last"); css.attr({ rel: "stylesheet", type: "text/css", href: "/javascripts/jwysiwyg/jquery.wysiwyg.css" }); append()の後、メソッドチェーンしないでchidleren(":last")で取得するのがポイントらしい。 メソッドチェーンで
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
スマホ対応初心者に送るjQuery Mobileの使い方“超”入門
スマホ対応初心者に送るjQuery Mobileの使い方“超”入門：jQuery Mobileでスマホ向け企業サイト構築（1）（1/2 ページ） jQuery Mobileを利用した企業サイトの構築【準備編】 iPhone、Androidなどのスマートフォンが普及するなかで、スマートフォンブラウザ向けWebサイトの需要は拡大しています。グーグルの調査によると、日本のスマートフォン普及率は2011年1、2月の時点で「6％」、2011年9、10月では「17％」です。平成24年の国内スマートフォン販売シェアが半数を超え、さらなるシェアの拡大は確実です（参考）。 PCの販売台数が低下する中、iPadなどのタブレット端末の普及も伴い、今後モバイル端末への対応が必須となってきます。かつてPC上のWebブラウザで起こったシェア争奪戦「ブラウザ戦争」と同様に、モバイル端末のシェアの奪い合いも激しくなってい
実験室: jQuery.triggerを使ってEventDispatcher(AS3)のような事をしてみる - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） AS3にある多くのクラスの中でもお世話になる事が多いのが、EventDispatcher。 カスタムイベントを登録して送出したり出来るので大変便利。 本稿は、JavaScriptでも似た事が出来ないかなぁと試行錯誤してみたログです。 AS3のEventDispatcher まず、AS3のEventDispatcherはどのような代物なのか。 EventDispatcher – ActionScript 3.0 コンポーネントリファレンスガイド public class Example extends EventDispatcher { public static const EVENT_CHANGE:String = "change"; private var value:String = "Hello, World!"; /*
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://dan-silver.github.io/ElementTransitions.js/
https://atmarkit.itmedia.co.jp/ait/subtop/features/da/ap_jqmobile_index.html