MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日本製のプラグインなので日本語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしてい

WebResourcesDepotのエントリーから、特定のエリアのみ（キャプチャの右のエリア）をスクロールしても、同じ場所に表示するスクリプトの紹介です。 Smart Floating Banners デモ:1 デモ:2 スクリプトはjQueryをベースにしたもので、デモでは右に配置されたエリアの特定の一部のみをスクロールしても同じ場所に表示させています。 当サイトが配布している「Page Scroller（スムーズにスクロールするスクリプト）」と、同じ位置に表示するスクリプトの相性が悪い、というのをどこかのブログで見かけたのですが、これを使用すると特に問題無く実装できました。 Page Scrollerと合体させたデモ（「右パネルのtop」と「ページ下のtop」） Page Scrollerは、「$」ではなく「$j」を使用なので、下記のように変更しています。 <textarea name

WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts

Switch On The Codeのエントリーから、テキストエリアや画像のサイズをユーザーが自由に変更できるスクリプトを紹介します。 Generic Resizeable Container（画像） Resizeable Textbox, Part Tres（テキストエリア） テキストエリアや画像のサイズは、右・下のハンドルをマウスで操作することにより、縦横斜めへ変更できます。 テキストエリアをリサイズするスクリプトはパート3となっており、最初のバージョンは下記で公開されています。

mooSlide revampは、div要素のパネルをブラウザの上下の端から、スムーズにスライドで表示したり、フェードで非表示することができるスクリプトです。 mooSlide revamp デモ（Toggle sliderをクリック） オプションで、ボックスの高さ、スライドとフェードのスピード、不透明度など変更することができます。 mooSlide revampはmootoolsのプラグインで、動作にはmootools.jsが必要です。 対応ブラウザは、Fx2.0.0.14, IE6/IE7, Op9.2 and Safari for Windowsとなっています。 mooSlide revampは、以前紹介した「表示される動作が楽しいスライドのスクリプト -mooSlide」の改良版です。

はてなブックマークをみていたら、気になるエントリーを発見。 [戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法 target="_blank"という書き方がXHTML 1.1 や XHTML Basicに準拠していないので、これらに準拠するようにしつつ、別ウィンドウで開くにはどうすればよいかという話です。 別ウィンドウで開くにはJavaScriptを使えってのが推奨される方法なんですが、onclickを使って定義するのはめんどうということで、この記事では、aタグにclass="popup"という属性を与えておけば、JavaScriptで別ウィンドウを開くということをしています。 この件については友人のHTML、CSSマスターなkawachi君と話したことがあって、そのときは、下のエントリで紹介されているrel="external"という方法を使うのがいい

NETTUTSのエントリーから、タブを上下にアニメーションで切り替えるナビゲーションのスタイルシートとjQueryを使用したスクリプトの紹介です。 タブ型のインターフェイスとしては、ちょっと珍しい動きをするナビゲーションです。

leigeberのエントリーから、スムーズにスクロールするサムネイルから拡大画像を表示する画像ギャラリーのスクリプトを紹介します。 Dynamic Image Gallery and Slideshow デモ slide.jsはjQueryやPrototypeなど他のスクリプトに依存することなく単独で動作するスクリプトで、動作環境はIE6/IE7, FF, Opera and Safariとなっています。 サムネイルはリスト要素となっており、オプションでは「拡大画像の格納場所の指定」「拡大画像の拡張子の設定」「スピード」などを設定することができます。

画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース

Summary target="_blank" を使わないで新しいウィンドウでリンクを開くための手法． Behaviour.js を利用すればより簡単，かつHTMLを汚さずに実装可能． Sample Source var myrules = { '.popup' : function(el){ var href = el.getAttribute('href'); if (href){ el.onclick = function(){ window.open(href); return false;} el.onkeypress = function(){ window.open(href); return false;} } } }; Behaviour.register(myrules); <script type="text/javascript" src="behaviour.js

オンラインカジノは海外を拠点にするギャンブルのため、日本の賭博法は適用範囲外です。 しかしオンラインカジノで遊ぶ時、本当に大丈夫かな？っと心配される方もきっと多いかと思います。そこで今回の記事では、オンラインカジノは違法なのか？オンライン...