その場で展開できる「続きを読む」ボタンの作り方ボタンクリックで後続コンテンツを表示する「続きを読む」ボタンの作り方を解説。ページを読み込んだ時点では冒頭以外のコンテンツは折りたたんで(＝非表示にして)おき、「続きを読む」ボタンが押された際にだけ続きを展開(表示)する仕組みを作ってみましょう。グラデーションを使って徐々に後続コンテンツを薄くしたり、アニメーション効果と共に続きを表示したりする方法も紹介しています。
![その場で展開できる「続きを読む」ボタンの作り方 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/db3e470379850bb3f7a1d9b65024d6bf9f2a1e06/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F4%2F5%2F9%2F1%2F0%2F2%2F201510081708%2Ftopimg_original.png)
その場で展開できる「続きを読む」ボタンの作り方 [ホームページ作成] All About
その場で展開できる「続きを読む」ボタンの作り方ボタンクリックで後続コンテンツを表示する「続きを読む」ボタンの作り方を解説。ページを読み込んだ時点では冒頭以外のコンテンツは折りたたんで(＝非表示にして)おき、「続きを読む」ボタンが押された際にだけ続きを展開(表示)する仕組みを作ってみましょう。グラデーションを使って徐々に後続コンテンツを薄くしたり、アニメーション効果と共に続きを表示したりする方法も紹介しています。
杉浦日向子さんが、逝った。 天上のそば屋で憩いを愉しんで [そば] All About
杉浦日向子さんが、逝った。 天上のそば屋で憩いを愉しんでそばが好きというよりも、そば屋が好き、だったという。あまりにも若すぎるお別れ。でも、杉浦さんのスタイルは、確実に支持されています。 杉浦日向子さんが、逝った。 私の印象としては、ソバ食いというよりも、江戸の残照を丁寧に拾い集めて、一地方都市としての東京を、散歩者の視点で活写した逍遙人であった。 その遺作には、巷に溢れかえる既存のガイド本を孫引きしてでっちあげた、粗悪な東京ガイドとは暸かに一線を画して、いかにも慣れ親しんだ地元を足取り軽やかに案内してくれるかのような、軽妙洒脱なエッセイが多い。 ところで、逍遙の読点、すなわち散歩の休憩地点としてのソバ屋をガイド本として編成したのは、画期的な企画であった。名作「ソバ屋で憩う」「続・ソバ屋で憩う」は、そもそもごく狭い地域で認知されていた「Ourブーム」を人口に膾炙せしめ、全国区の歓びとして広
![杉浦日向子さんが、逝った。 天上のそば屋で憩いを愉しんで [そば] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
Ajax Google Mapsを自サイトに設置する - ［JavaScript］All About
*この記事は、Google Maps APIバージョン1(v1)の時点での記事です。v1ベースでは現状動作しますが、バージョン2(v2)については、 Google Maps v2を設置する(1)やv2用意訳とサンプルなどもご参照ください。 9/15と、 9/30のサンプルは、都道府県庁の経緯度データをAjaxな通信で取り出し表示する、というものでしたが、 今回から数回にわけて、このようなAjaxな仕組みも利用しつつ、地図を表示してみます。地図には、Google Mapsを利用します。 Google Mapsは、それがなければ、Ajaxという言葉がこれほど広まらなかったかもしれないほどの影響を与えたAjaxアプリといえますが、もしかすると、それ以上に、世界中にインパクトを与えた特徴があります。 それは、この高機能で精密な地図を、自由にカスタマイズして、なんと、無料で自分のサイトへ設
Ajax 郵便番号、住所 検索 - ［JavaScript］All About
このサンプルは、JavaScriptから、SQL文を発行して12万件の住所からの検索を行っています。 使ったソースは、下記の通りです。AjaxやクロスブラウザとSQL関連の処理は3つのライブラリに任せてありますので、ソースは簡単です。 ここでは、プログレスバーも使っていますのでその指定を少しと、住所候補選択用DIVや入力フォームの指定を行っているだけです。 設定する主な項目は、以下の通りです。 プログレスバーに使うHTML ( サンプルでは、sqlite.progress.prog_bar = '|' ) プログレスバーの色 ( サンプルでは、sqlite.progress.div.style.color = 'orange' ) プログレスバー用DIV ( サンプルでは、<div id="progressBarId"></div> ) 住所候補選択用DIV ( サンプルでは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
プレゼンや企画書作成に役立ちそうな無料のWebサービス11選｜All About（オールアバウト）
All About
