業務内容が書いてあったのを省いたのでわかりにくくなっているとは思いますがアップロードしておきました。Read less
業務内容が書いてあったのを省いたのでわかりにくくなっているとは思いますがアップロードしておきました。Read less
Firefoxではiframeタグを複数使うと正しく表示されないようです。 iframeの中身が入れ替わったりと散々なことになりました。 調べたところ具体的な解決策は見つかっていません。 もし見つかれば追記します。 — 10.10.18追記 iframeの変わりにobjectを使って同じように表示できました。 このやり方が正しいかは定かではありませんが。 ■変更前 <iframe src=".html" width="400" height="300"></iframe> ■変更後 <!--[if IE]> <object classid="clsid:25336920-03F9-11CF-8FD0-00AA00686F13" data=".html" style="width:400px;height:300px;"> </object> <![endif]--> <!--[if !IE
jQueryで画面をスクロールさせる時の注意点 jQueryを使って画面をスクロールさせる場合animateメソッドとscrollToプロパティを組み合わせるのが一般的です。 selector.animate({ scrollTop: 0 }); // ページの一番上にスクロール この時どのセレクタに対して実行すべきかはブラウザごとに異なります。詳しくはjQueryでscrollToを使うときの注意点 - NoteBookにまとまっていてありがたいです。簡単に言うとWebKitではbodyに効き、それ以外のブラウザではhtmlに効きます。 $('html').animate({ scrollTop: 0 }); // WebKit以外 $('body').animate({ scrollTop: 0 }); // WebKit これに対して var selector = $('html,
僕はiPhoneとかiPadとかmacみたいな流行りものを使用すると蕁麻疹が全身に出てさらに左腕が疼きだすという特異体質(別名：天邪鬼)のため、これまであまりjQueryは使ったことがなかったです。特異体質によるものもあったのですが、僕みたいなグズがjQueryのような便利なものに手を出したら、面倒なコードを書くにもjQuery頼りになって自分でコードを書く努力を怠る習慣が身についてしまうのでは、という懸念があったためです。最近になってようやく、本当に多少ではありますが独力である程度の処理は書けるし読めるようにもなったので、効率化のためにもjQueryをもっと使っていこうという気になったわけであります。 で、そうなるとやはりjQueryが提供する便利関数では全然足りなくて自分でプラグインを書きたくなるわけです。ちょうどjQueryの公式サイトにjQueryプラグインの作り方指南な記事(ht
Posted: 2011.06.13 / Category: javascript / Tag: jQuery, Plugin 自作したjQueryコードは作成した本人なら簡単にパラメーターの調整などを行いカスタマイズできると思いますが、Webに公開して他の人に使用してもらう場合はなかなかむずかしかったりしますよね。 そこでプラグイン化をすることで誰でも簡単に扱えるようにしてみましょう。 外部ファイル化 たとえば「#hide-btn」をクリックすると「#view」がフェードアウトして消えるという簡単なスクリプトがあります。 jQuery script $(function() { $('#hide-btn').click(function(){ $('#view').fadeOut(1000); }); }); まずは外部ファイル化しましょう。 jQueryプラグインは「jquery.プラ
ここで紹介しているコードはPARALLAX || roXonのコードを基本に作成しています。元のコードを確認したい場合はPARALLAX || roXonのコードをご覧ください。 サンプル まずはサンプルで動きを確認してみてください。div要素内にマウスが入ると画像が動きます。 サンプルのコード サンプルの基本になっているコードを確認したい方はPARALLAX || roXonをご覧ください。 JQuery <script type="text/javascript"> $(document).ready(function(){ distance = 200;//画像の移動距離 sensitivity = 17;//移動時の滑らかさ var distHalf = distance / 2; var parW = $('#par').width(),//要素の横幅をピクセル単位で取得します
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く