jQueryでスクロールすると表示する系いろいろ
jQueryでスクロールすると表示する系いろいろ 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 投稿日2012年03月08日 更新日2019年12月19日 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
Youtubeで、ページスクロールしてブラウザに現れたときに再生を始めるJavascript - いろいろつまみ食い
ちょっと頼まれたので作ったコードです。 jQueryにはLazyLoadなる画像の後読みのプラグインがありますが あれは画像の表示されたら画像を読みにいくっていうことで 無駄な読み込みを減らす事ができたりするってことでしたが （結局のところ読みこんじゃうらしいですね） Youtubeの動画をページに埋め込んで、スクロールして 表示されたときに、再生してくれたらいいなってことで jQueryのLazyLoadをコードを眺めていたら どうもスクロール位置が云々している様子。 だったら、スクロールイベントで、動画を貼付けた位置になったら 再生させればいいんじゃね？ってことで じゃあ、再生コントロールはどうしたかっていうと、 YouTube JavaScript Player APIってのがあるので、これを利用。 設定的には動画の表示が画面の2/3を超えたら再生を始めるようにしました。 また、リロ
画像を使ったいろいろなjQueryプラグイン224個まとめ - かちびと.net
画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語 English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 Lightbox Lightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。
GitHub - clown/smb: Social Media Buttons
* What's this? smb は様々な Web サービスが提供しているソーシャル（メディア）ボタンと呼ばれる ボタンを表示させるための JavaScript ライブラリです．現在，Twitter, Facebook, Tumblr, はてなブックマーク, Delicious, livedoor クリップ, Yahoo! ブックマーク, Buzzurl, Google Bookmarks, newsing, あとで読む, GREE, Evernote の各種ソーシャル ボタンに対応しています． ライブラリ内で一部 MD5 ハッシュ値を計算する必要がありますが， MD5 のハッシュ値の計算には CybozuLabs.MD5 を利用させて頂きました． http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html 詳細は以下の U
ソーシャルボタン設置のソースコードサンプルあれこれ。 | バシャログ。
今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。 いっそその時間に更新までしてしまいたかった！後の祭り。 さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。 今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 (2011/11/22)その2、アップしました。「google+」「mixiチェック」「mixiイイネ！」「evernote」編です。 引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 はてなブックマーク <a href="【URL】" class="hatena-bookmark-button" data-hatena-bookmark-title="【サイト名】" data-hatena-book
HugeDomains.com
Captcha security check mattodesign.com is for sale Please prove you're not a robot View Price Processing
ウェブサイト作成に役立つ35のwebサービス｜Webpark
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Flash内のテキストを外部から書き換えるには - OKWAVE
＃１の方の書いていらっしゃるような方法でもできますが， JavaScript経由でも一応できます。 と言いつつ， 私もあまりそういうことはしませんから， 詳しくはありませんが一応次のようにするとできます。 ファイルとしては３つ用意するものとします。 任意のフォルダ ├ aaa.html (データ送信) ├ bbb.html (データ受信) └ ccc.swf (bbb.html に貼りついている) 「aaa.html」 にテキスト入力フォームがあって， そこから同じ階層の 「bbb.html」 にその変数を GET で送り， 「bbb.html」 の JavaScript で URLクエリ を取得し， FlashVars で 「ccc.swf」 に送信して， 「ccc.swf」 内のテキストフィールド・インスタンス名「my_txt」に入力フォームのデータを表示させる。 という例です。 「a
株式会社フルスケール｜熊本のWebサイト・ホームページ制作会社
「なぜWebサイトが必要なのか？」「なぜそのデザインなのか？」「本当の課題は何なのか？」 フルスケールは「そもそも」を問い、最適な解となる広義の「デザイン」を提供することで、 ビジネス課題を解決へ導きます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
