最後までスクロールしたら処理を実行させる jquery.bottom.js の使い方 | あらかぜ手帖
jQuery.Bottom ページを最後までスクロールさせたら、何らかの処理を行いたいときに使えるプラグインです。ツイッター等のSNSでよく見られる自動ロードや、最後までスクロールしたら現れるトップへもどるボタンなど、色々とお世話になることが多そうです。 こちら自分のフォトギャラリーを作るときに利用させてもらいました。 用意するもの 用意するものは、jQueryとjquery.bottom.jsの２つです。この他に、最後までスクロールしたときに発生させたいイベント用のjsも必要なことが多いかもしれませんね。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.bottom-1.0.js"></script> 基本的な書き方 記述自体はシンプルで
【Visual Studio Code】1.0 GAリリース予定日、決定！ - 好きな技術を好きと言える幸せ - AYA TOKURA BLOG - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
ke-tai.org > Blog Archive > iOS4.2から実装されたというJavaScriptの加速度センサーAPIを試してみました
iOS4.2から実装されたというJavaScriptの加速度センサーAPIを試してみました Tweet 2010/12/16 木曜日 matsui Posted in iPhone | No Comments » 先日リリースされたiOS4.2から実装されたという、Safari上で動作するJavaScriptの加速度センサーAPIを試してみました。 使い方はごく簡単で、次のようにして加速度が取得できます。 event.accelerationIncludingGravity.x; iPhoneを傾けると赤い点がコロコロと移動するというサンプルプログラムを作ってみました。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" c
Cubic Transition - jsdo.it - Share JavaScript, HTML5 and CSS
CSS 3D Transform 対応ブラウザ (Chrome, Safari, Firefox) のみ Webkit 系 (Chrome, Safari) 推奨 Fullscreen: http://jsrun.it/akm2/b81C // forked from Event's "Web Creator's Contest Q the 2nd【vol.2】エントリー用コード" http://jsdo.it/Event/zojr (function(window, requestAnimationFrame, cancelAnimationFrame) { // Run $(initialize); //--------------------------- // CONSTANTS //--------------------------- var TOP_ID = 'qtop';
livedoor Techブログ : アドオンした事がない人が15分間でFirefoxアドオン開発
こんにちは。ライブドアの駒井です。 つい先日、友人に誘われて半ば強制的に「Firefox Developers Conference 2009」に参加してきました。誘ってきた友人が、当日の急用で北海道に帰る事になり、何故か私1人で不慣れな場に参加してきました。当日優しくしてくれた皆さんありがとうございました。いただいたFirefoxのTシャツも大事にします。 自分の予想に反してとっても有意義な時間となりました。筆者は普段、JavaScriptを全く書きません。C++とJAVAがメインです。そんな私でも気軽に楽しめてしまうのがFirefoxアドオンでした。ということで、Firefoxアドオンを作成するための最低構成で、簡易的なアドオンを15分程度で実験的に作ってみたいと思います。 題材を模索中に自社営業部の人から次のようなアドオンがあったらありがたいと聞きました。営業訪問に際して必ず行う下記
SPEC vol5 | JavaScript、HTML、CSSクリエイターの採用試験 - jsdo.it - Share JavaScript, HTML5 and CSS
AS3.0で「合成」のアニメーションを作って下さい HTML5, JavaScript, CSS3を使って、カード選択から合成アニメーションまでのUIを考えてください AS3.0で「合成」のアニメーションを作って下さい サンプルはソーシャルアプリで使われる合成演出のAS3.0テンプレートになります。このテンプレートをアレンジして新しい合成演出を作って下さい。素材はどのように使ってもらってもOKです、自分で演出を付け足してもらっても構いません。今までにない斬新な演出をお待ちしています。 【素材をダウンロード(zip)】 HTML5, JavaScript, CSS3を使って、カード選択から合成アニメーションまでのUIを考えてください サンプルは一般的なソーシャルアプリで使われている合成機能のUIです。ベースとなるカードと素材を選択し、合成を行います。これをHTML5, JavaScript,
CSS3やCanvas、JS等を使ったローディング画像実装プラグイン１２
There was a time when Mozilla Firefox was the most favorite browser of web developers. Then Google Chrome came along, knocked out Firefox and Internet Explorer, and took the top spot. Still, Google Chrome is the most u... Android is the world’s most used mobile operating system. No wonder when anybody wants a mobile app made, their first priority is to make an app for Android. So today we are sha
コピペでサクッと導入できるライブラリ非依存のJavascriptカウントダウン
期間限定商品のセールスページなどで購買率を上げるカウントダウンのJSスクリプトです。特徴はJQueryなどのライブラリを必要とせず使いたい場所にサクッとコピペで動くのと、cssで細かく装飾できるように適所にclassが定義してあります。 使い方 下のJavascriptとdiv要素を使いたい場所のコピペします。div内にカウントダウンが表示されます。下にあるfunction CDT(){}の中で期限日時やdivのID名、カウント終了後のメッセージを指定します。 この例では、2036年1月1日までカウントダウンします。 <div id="CDT"></div> <script language="JavaScript" type="text/javascript"> function CountdownTimer(elm,tl,mes){ this.initialize.apply(this
先日書いた「はてブ数」をテキスト表示するJavaScriptがカッチョ悪かったのでシンプルに書きなおしてみた。 – 和洋風KAI
真・はてブ数をテキスト表示するJavaScript+HTMLコード。 表示例：Controlキーを使いこなせばMacの作業効率は恐ろしく上がる! 覚えるべき7つのショートカットキー | 和洋風◎ ブログに貼り付ける新着エントリーリストコード。 注意：headには上のと同様のJavaScriptとCSSを貼りつけてください。 <$MTEntryTitle$> Chrome KeyConfig用にも作ってみた。 超個人的ですが、自分用にChrome KeyConfig用も作ってみました。 javascript:(function(){var ele=document.createElement('textarea');ele.style.width='100%';ele.value='関連：'+document.title+' ';document.body.insertBefore(ele,
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
JavaScriptのコード整形＆色付け(貼り付け用)
JavaScriptのコードをフォーマット＆色付けを行い、その内容をHTMLに貼り付けられる形にします。 JsDecoderというソースの整形＆色付けを行ってくれる便利なライブラリを使って実現しています。 JsDecoder - code.gosu.pl →Blogへ戻る 使い方 下記のテキストエリアにJavaScriptのコードを入力し、「Preview」ボタンを押します。 すると、コードを整形したイメージが表示されます。 そのコードをHTML上に貼り付ける場合には、さらにその下のテキストエリアのテキスト内容を使用します。 format color
1度しか押せないボタンを作る簡単な方法 - JavaScript TIPSふぁくとりー
《2017年6月8日 3:00 PM 公開/更新》 1度しか押せないボタンを作る簡単な方法 [入力フォーム] JavaScriptを使って「1度しかクリックできないボタン」を作るには、ボタンのdisabledプロパティに値trueを指定するだけです。id名を割り振ったりgetElementByIdメソッドで対象を特定したりする必要はありません。単にonclickイベント内で「this.disabled = true;」みたいに書けば良いだけで超簡単です。 1度しか押せないボタンを作る 1度しか押せないボタンを作る方法(背景の説明) 1度しか押せないボタンを作るJavaScriptソースの簡単な書き方 押せないボタンを再度押せるように戻す方法 1度しか押せないボタンを作る BBSやメールフォームなどの「投稿(送信)」ボタンは、何度も連打されると困ることがあります。BBSに同じ内容が連続送信さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Select2 Latest