スクロールで背景画像がズレるやつを制作しました。パララックスとか言うやつですね。まあコンテンツごとの背景がズレるだけなので、視差と呼べるかは微妙ですけれど、他のをみるとそう呼んでもいい感じですね。 とりあえず今回のウリはタイトル通り単純だけど簡単ってところです。パララックスする要素をまとめて指定するだけでOK。あとは動きの量を調整したければする位です。まあ、大したモノではありませんし、もう新しいって程でもありませんが、チョット試してみようかなって思ってる方にはイイかもしれません。 Demo 必要なファイル jquery.js 対応ブラウザ Google Chrome Safari Firefox Internet Explorer7~ Opera ※Windowsのみの確認です。また、Internet Explorer以外は記事投稿時の最新版を対象にした確認です。 コーディング&設定 HT
img要素ではなく背景画像(background-image)を切り替えるjQueryプラグインです。 2013年7月29日にバージョン0.4.0をリリースしました。一から書きなおして、切り替え方法など色々改善しているので、良ければ使ってみてください。 ダウンロード jquery.bgswitcher.js 開発リポジトリはrewish/jquery-bgswitcher · GitHub 依存ライブラリ jQuery 1.7.x以上が必要です。 ライセンス MIT License 主な機能 エフェクト付きの背景切り替え 切り替えの制御(開始/停止/リセット) ファイル名の連番自動読み込み 画像のプリロード デモ Demo - jQuery.BgSwitcher 使用方法 <div class="box"> <p>Lorem ipsum dolor sit amet.</p> </div>
[JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js
今日の話題・ニュース 「警視庁で2ちゃんねる撲滅作戦」 『週刊朝日』報道で賛否 – ガジェット通信 なくなると困るけど、今となってはどちらも2chにこだわる必要もないのではと思ったり。 古いものから新しいものまで総ざらい! Gmailの便利機能とTipsのすべて : ライフハッカー[日本版] 毎日使ってるけど知らないのも結構ありました。 スイス政府の決断、非正規ダウンロードでも合法 | 知的財産権 – 財経新聞 ええーーーー 今日のWebデザイン web制作者が印刷物を制作するときにチェックしたい10項目 | Design Spice 久しぶりに印刷物をすると「あれ?どうだっけ」となることがあるので読んでおきます。 12 Top Free WordPress Video Themes 動画を扱えるwordpressのフリーテーマ 20 Free And Premium WordPress
LoRa 開発シールドのデータを enebular で受け取る By hrd_pk|5月 9, 2017|未分類, | 花粉がまだ名残惜しく思っているようで、鼻がまだむずむずしています。 ぽかぽか陽気が続いていますが、みなさんいかがお過ごし… Read More
3 Considerations For Your Website Slider + where to find the original Coda-Slider plugin Welcome to my concise website slider guide. If you want to know: The pros and cons of using a slider on your website If your website already has built-in slider capability How to “roll your own” slider What happened to the original jQuery Coda Slider plugin Then you’ve come to the right place. Let’s get starte
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
XHTML 1.0 strict では、targetを_blankに設定すると構文エラーとなります。 そこで jquery を使って XHTML は スマートな記述にして、ポップアップを実現します。 XHTMLのソースコード <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="popup.js"></script> <ul> <li><a href="/">トップページ</a></li> <li><a href="/company/">会社概要</a></li> <li><a href="/blog/">ブログ</a></li> <li><a href="/help/">ヘルプ</a></li> </ul> jquery.js と ポップアップ用の popu
2007年12月6日追記 IE6で選択中のタブの上が切れていたのを修正しました。 具体的にはcss/style.cssの35行目にfloat: left;を追加しております。 いろんなサイトで見かける「よくある質問」。 一番多いパターンは、リストで質問があって、アンカーで回答に飛ばす方法だと思うです。 特別ソレがいけてないとかは思わないんですが、飛んだ後に「戻るボタン」で戻らない人とかは、毎回ページトップ押したり、スクロールして戻ったりと案外手間だったりするわけです。 それならそういった手間が掛かるかも知れないことを少しでも省けないかしら?って事で、jQueryを使ってタブ型で折りたたまれたよくある質問っぽいサンプルを作ってみました。 (単純にボクがこのスタイルが一番見やすくて好きってだけだったり) サンプルページ サンプルダウンロード(Zip:20KB) メインのCSSファイル (サンプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く