Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 タブ・メニュー作ってみました。使いまわしを考慮してパッケージ化に挑戦。JavaScriptを切っているときは、ページ内リンクとなります。 HTML <ul id="tab"> <li class="present"><a href="#page1">Page_1</a></li> <li><a href="#page2">Page_2</a></li> <li><a href="#page3">Page_3</a></li> <li><a href="#page4">Page_4</a></li> <li><a href="#page5">Page_5</a></li

たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab

22/04/20 隠居の散策：春が来た(2)　蝶がとびだした 22/04/15 隠居の散策：春が来た(1) 22/04/14 隠居の散策：桜が咲いた(7) 22/04/13 隠居の散策：桜が咲いた(6) 22/04/11 隠居の散策：桜が咲いた(5) 22/04/10 隠居の散策：桜が咲いた(4) 22/04/08 隠居の散策：桜が咲いた(3) 22/04/05 隠居の散策：桜が咲いた(2) 22/04/02 隠居の散策：桜がさいた(1) 22/03/30 隠居の散策：初春点描(3) 22/03/21 隠居の散策：初春点描(2) 22/03/17 隠居の散策：初春点描(1) 22/02/19 隠居の散策：梅一輪一輪ほどの、 22/02/07 隠居の散策：立春 22/01/29 隠居の年始の仕事：e-Tax（インターネットで確定申告する） 21/12/30 隠居のお遊び：写真２枚 21/12