外部リンクを別窓で開く際に使われる target=”_blank” ですが、実はコイツ、非推奨になっています。 それじゃあ、全て同窓で開けばいいのか、と言われると、ユーザビリティ的によくない気がします。 正直使いにくい。うっかりして窓を閉じてしまうことが多々あります。 タブブラウザを使っている方は、特にそうなのではないでしょうか。 というわけで、社ッ長さんから教わった方法を。 JavaScript を使用します。 まず、以下の JavaScript を用意します。外部JSで、名前は何でもいいんですが、とりあえず、blank.js で。 window.onload = function() { var node_a = document.getElementsByTagName('a'); for (var i in node_a) { if (node_a[i].className

prototype.js でタブ切り替え - AUSGANG SOFT http://a-h.panepon.com/einfach/archives/2006/1012175043.html に、同じページで複数タブを表示できるようにならないか？ というご要望をいただきました。l もともと１つしかタブがない想定なので、大幅な改造が必要。 いい機会なので、作ってみました。 サンプル http://a-h.panepon.com/einfach/archives/tabSample.html CSSもJavascriptも↑のファイル内に書いています。 変更点 複数タブに対応ページ末尾の new TabMaker('tab'); new TabMaker('menu'); ↑という指定で、複数のタブを作っています。 サンプルを参考にHTML、CSSもそれぞれの名前で指定してください。 逆にい

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

This domain may be for sale!

中村享介。株式会社ピクセルグリッド代表取締役/Jamstackエンジニア。過去の著書に『webクリエイティブのためのDOM Scripting』

Kawa.netxp [JavaScript] Animation.Cube - サイコロ回転エフェクト (rotating cube animation) Animation.Cube クラスは、JavaScript のみでサイコロ回転風の アニメーションエフェクト(rotating cube animation)を実現するライブラリです。 事前に画像ファイルを加工(拡大縮小や分割処理)せず、JavaScript のみで リアルタイムにアニメーション処理を行います。 2画像の切替えエフェクト処理用、または、 サイコロの4面に貼り付けた画像をループで回転させるような処理に利用できます。 画像の拡大縮小処理が入っているため、 ラスタスクロール よりもマシン負荷が高いようです。 Opera だと少しスムーズなようです。 画像サイズを抑えれば、Celeron 2.4GHz 機でも十分に回転してく