Chatwork
Conversations. It's the human way to work. Frustrated and stressed from spending too much time on email? Replace your daily crush of email with real-time chat messages. What could be simpler. Explore more Make meetings more productive for everyone. You know you're not the only one who dreads the weekly meeting. Person-by-person status updates. Really? Still?! Imagine your daily back-to-back meetin
スクロールに応じて背景を変更する - かちびと.net
Result jQuery $(function() { var secTopArr = new Array(); var moveFlug = false; var allHeight = $('body').outerHeight(true); var bgImg = new Array('#000','#eee', '#555', '#ccc', '#999'); ////各sectionの位置 $('div.section').each(function (i) { secTopArr[i] = $(this).offset().top; }); var current = -1; //現在位置がセクションの位置より大きい場合は背景切り替え $(window).scroll(function () { for (var i = secTopArr.length-1; i>=0; i
jQueryで長いページの区切り（セクション）ごとに背景を変化させる
Posted: 2011.11.07 / Category: javascript / Tag: jQuery, アニメーション 最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。 そこでスクロールすると区切り（セクション）ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。 html sectionはhtml5ではなくdivにclassでマークアップした昔ながらの形式にしました。 html <div class="section"> <h2>Section0</h2> <p> ここは0番目のコンテンツです。 </p> </div> <div class="section"> <h2>Section1</h2> <p> ここは1番目のコンテンツです。 </p> </div> <div class="section"> <h2>Section2</h2>
jQueryで背景画像を全画面表示する
jQueryで背景画像を全画面表示する 最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。 ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。 投稿日2010年11月30日 更新日2011年04月26日 html+cssの準備 背景画像を全面表示するっていうタイトルですが、cssのbackgroundにはサイズを指定するプロパティがないので、気持ち悪いけど画像は普通に配置します。 html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryで背景画像を全画面表示する。</a></h
jQuery/CSS3で雲をゆらゆらさせる
jQuery/CSS3で雲をゆらゆらさせる 雲の画像を背景に設定してゆらゆらさせてみました。 jQueryバージョンとCSS3バージョンでお送りいたします。 投稿日2013年03月29日 更新日2013年03月29日 はじめに雲の画像を用意します。 パララックス的にした方がクールだと思ったので大きい画像と小さい画像を作成しました。 わかりやすいように背景がブルーになっていますが、実際は透過pngです。 ちなみに雲の素材はこちらの素材サイト様からお借りいたしました。 商用フリーで使える影絵素材サイト シルエットデザイン jQueryバージョン 最初はjQueryバージョンです。 画像が2つあるのでdivを2つ作成して適当なidを割り当てます。 html <div id="main-img"><div id="bg"></div></div> CSSはそれぞれのdivに作成した画像を「back
ミッションインポッシブル ～background-sizeをIE8に対応させよ～ | 日記の間 | あかつきのお宿
テッテッテッテ♪ テッテッテッテ♪ テッテッテッテ♪ テッテッテッテ♪ テレレ～♪ テレレ～♪ テレレ～♪ あ、これはミッションインポッシブルのあの曲です。脳内再生で夜露死苦。 さてさて。 最近のCSSにはbackground-sizeっていうのがあって、背景の画像サイズを調整できるようになっているんですね。これのおかげで、ある程度大きな背景画像でも望む大きさで表示させることができるので、なかなか便利なやつだと思います。 でもこのbackground-size、ChromeとかSafariなんかでは問題なく使えるんですが、IEの場合はバージョンが9以上じゃないと使えないみたいなんですね。なのでうっかりIE8なんかでサイトを見ると、背景画像がでっかいまま表示されてしまっている。 「これ見てくれよジョニー。IE8じゃこのでかいフランクフルトの背景画像が指定サイズに収まらないぜ。まるでパンツに収
CSS3のみでフルスクリーンの背景画像を実装する方法
指定要素に背景画像が常にある形でフィット - cover - div { background-image:url(画像URL); background-position:center top; background-repeat:no-repeat; -moz-background-size:cover; background-size:cover; } html { ... filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2011/01/background-photo.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザサイズに合わせて背景画像などをフィットさせるjQueryフルスクリーンプラグインいろいろ
1216彩票-官网平台