jQuery 外部ページでもスムーズスクロールを実装する方法 – 遷移先ページの任意IDへスムーズスクロール | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【jQuery 外部ページでもスムーズスクロールを実装する方法 – 遷移先ページの任意IDへスムーズスクロール】です。通常のスムーズスクロールですとページ内にアンカーを設定しjQueryにて高さ取得&スクロールという手順ですが、本記事ではページ遷移と組み合わせ遷移後に特定箇所へスムーズスクロールさせます。基本的な部分のみですのでこのままでは微妙です、参考程度にご活用ください。 実装方法 実装方法は至ってシンプルです。まずは遷移後にスクロールするサイト（ここではB.html）へのリンクをA.htmlに記述します。 HTML（A.html） <a href="B.html?id=white">LINK</a> <a href="B.html?id=black">LINK</a> <a href="B.html?id=red">LINK<
jQuery アニメーションの順序 – 複数アニメーションの同時実行や順番実行に関して | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のtipsは【jQuery アニメーションの順序 – 複数アニメーションの同時実行や順番実行に関して】です。基本的な部分ですが、復習の意味をこめ記事にしておきたいと思いました。すこしでもお役にたてれば幸いです。 サンプルHTML デモで使う共通のHTMLです。 <ul id="ex1"> <li><a id="a1">同時</a></li> <li><a id="a2">連続1</a></li> <li><a id="a3">連続2</a></li> </ul> <div id="bx1" class="box">1</div> <div id="bx2" class="box">2</div> <div id="bx3" class="box">3</div> 複数アニメーションの同時実行 $(‘#a1’).click(function(){
【5パターン】画像を使わず CSS3 のみで作れる吹き出しを作ってみた – Pure CSS3 Balloons | Stronghold Archive
どうもこんにちは、Honma です。今回の Tips は CSS のみで作れる吹き出しのデモです。簡単なツールチップなどにも利用できるかと思います。 CSSのみの吹き出し 5パターン×4方向 CSS は長くなるので全てデモページに記載してあります。 吹き出しの仕組み自体は :before :after 要素に三角形や円を作ることで表現しています。 Balloon 4 がうまく表示されない場合は z-index による可能性が高いので、吹き出しを囲う container の 値を 1 にするなど各自調節してみてください。 また、簡単に吹き出しを作るジェネレーター もありますので参考までに！ 以上になります。
CSS3でアニメーション【vol.3】- CSS3のイージングを生成してくれるすごく便利なジェネレーター | Stronghold Archive
どうもこんにちは。Toshikuraです。今回のtipsは【CSS3でアニメーション【vol.3】- CSS3のイージングを生成してくれるすごく便利なジェネレーター】です。全5回に分けてステップアップ式に記事化している第三弾です。本記事はCSS3アニメーションでも重要なイージングネタになります。前々回書きましたとりあえずはじめの一歩。に内のイージングの設定に使用できる便利なジェネレーターがありますので記事化しておきます。 【vol.1】- とりあえずはじめの一歩。 【vol.2】- ホバーでアニメーション実行 & 複数アニメーションの組み合わせ方法 【vol.3】- イージングを生成してくれる便利なジェネレーター 【vol.4】- クリックでアニメーションを実行させる方法（複数同時実行例含む） 【vol.5】- ちょっと複雑なアニメーションを作ってみる。 【vol.6】- CSS3アニメー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
