webサイト制作の勉強|2019年3月クラス用ブログ

ファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。

2019-05-27から1日間の記事一覧

jQueryでクリックする度にテキストを切り替える

<html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryでのテキスト変更</title> <style> html,body { margin:0; padding:0; } img { vertical-align:bottom; } .txt { width:200px; height:50px; border:1px solid #444; border-radius:6px; text-align:center; line-height:50px; margin:50px auto 20px…</meta></head></html>

クリックする度にdivごと表示を切り替える

今回の会社概要は日本語と英語を併記。スマホでは横並びでは見辛く、かといって縦に並べると冗長化してしまうので、適した見せ方を考えましょう。 <div class="info"> <h2>会社概要</h2> <dl> <dt>会社名</dt><dd>株式会社フェリカ企画</dd> <dt>所在地</dt><dd>東京都豊島区南池袋2-12-9 KKビル4F</dd> <dt>設立日</dt><dd>2000年1月1日</dd> <dt>代</dt></dl></div>…