Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/users/1/2hsp/web/ithsp/wp-content/plugins/brBrbr/brBrbr.php on line 24 Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/users/1/2hsp/web/ithsp/wp-content/plugins/brBrbr/brBrbr.php on line 25 Warning: preg_replace(): The /e modifier i

画像を拡大表示するのにLightBoxを使用するのはもう時代遅れ。 LightBoxではできない指定場所の拡大もできます。 jQZoomはズームエフェクトをクールに実現します。 sponsors 使用方法 jQZoomからjquery.jqzoom.jsとjqzoom.cssをjQueryからjquery.jsをダウンロードします。 <link rel="stylesheet" href="http://yourdomain/jqzoom.css" type="text/css" media="screen"> <script type="text/javascript" src="http://yourdomain/jquery.js"></script> <script type="text/javascript" src="http://yourdomain/jquery.jqzoo

29 06 09 2007 トレーニングAjax入門2 jQueryでフォントサイズを変更する jQuery, Ajax よくある動的に文字サイズを変更するコードをJavascript JQueryで書いてみました。 昨日の記事jQueryでcookieを超簡単に扱える事がわかったので、 早速、汎用性の高そうなコードを書いてみました。 コード <script type="text/javascript" src="jquery.js"></script> <script language="javascript" src="jquery.cookie.js"></script> <script type="text/javascript"> <!-- $(function(){ $("p").css("font-size",$.cookie('fsize'));

Vicunaのテンプレート・Crystal使っていたら なんかいいもの発見ｗｗｗｗｗｗｗ その名も「フォントサイズを切り替えるJS:改」ｗ 簡単にいうとブログのフォントサイズを切り替えられるらすぃｗ しかもクッキー保存して、９０日間くらいはそのまま見れるらすぃｗ そんな訳で取り入れてみましたｗｗｗｗｗｗｗｗｗ このブログは私がちょこっとカスタムしてしまったので切り替えると ちょっとデザインがくずれますｗｗｗｗｗｗ まーフォントサイズ切り替えられるからなんだって訳ではないけど 右上にあるからポチっとおしてみてください。 製作者は10coin.comのmarbleさんです。 詳しくは10coin.com - フォントサイズを切り替えるJS:改を見れば幸せになれるはず。 ちょこっとわかる人がいじれば、Vicunaテンプレートだけでなく他でも使えると思います。 Vicunaテンプレートで使いたい人

当サイトはIE6.0、opera8、firefox1.5以上のブラウザで見ることを推奨します。また、css、javascriptは有効にしてください。 ユーザービリティやアクセシビリティを意識して、フォントサイズ切り替え機能を実装するサイトが増えてきましたが、どうやって作るのか分からない人も多いかと思いますので制作方法を紹介。 当サイトではjavascript + cssでフォントサイズ切り替え機能を実現していますので、ある程度javascriptとcssの知識があることを前提として説明していきます。 フォントサイズ切り替え機能の概要を説明しますと… ユーザーがフォントサイズ切り替えボタンを押す 押したボタンに対応するデータをクッキーに保存し、ページリロード処理 クッキーの情報を元に、対応するフォント用のスタイルシートを読み込む といった感じです。では実際のソースを見てみましょう。まずXH

閲覧者の好みに合わせ、Vicunaの文字サイズをボタンスイッチによって切り替えられるようにするスクリプトを 10coin.comのmarbleさんが作成・公開してくださいました。 フォントサイズを切り替えるJS:改 設置も簡単ながら、JSの設定によりフォントサイズを変化させる場所を任意に決めることができるという優れものです。これにより、記事部分のみ(div#main)文字サイズを拡大させたりできます。また、一度ユーザーが設定したサイズはクッキーに保存され、再び訪れたときも反映されます。すごいですね! 設置・設定方法、スクリプトのダウンロードはリンク先を参照してください。 挿入されるスイッチ部分のHTMLに対するスタイル(CSS)は追加記述する必要があります。10coin.comに設置されているものと同じ見栄えにしたい場合は、感謝の気持ちを込めながらCSS部分を拝借させていただきましょう。(

Accordionとは? Accordionは、楽器のアコーディオンのように例えばメニューのような特定のエリアを開閉し表示するライブラリです。特にAccordionの場合は、一般的に見られる縦方向の開閉だけでなく、横方向にも開閉でき、限られた領域を有効に活用できます。また、アコーディオンの中をさらに入れ子にしてアコーディオンの表示ができるので、バリエーションが増えるのも利点の1つです。 Accordionは単独では動作せずprototype.js、script.aculo.usのエフェクトライブラリが必要になります。これらのライブラリはAccordionに同梱されているため、別途ダウンロードする必要はありません。AccordionはこのURLにあるページからダウンロードできます。 Accordionの公式サイト 「アコーディオン」タブの「Download the code!」と書かれている

ウェブサイト（ホームページ）、ブログの左側・右側にメニューを表示するのは、よく見かけるウェブデザインの１つです。 しかし、そのメニュー部分が非常に長くなってしまうと、ページが縦に長くなってしまい、結果、自分のサイトを訪れてくれる方にとって見づらいものとなることがあります。 その縦長のメニューを解決する方法として、JavaScriptによる「アコーディオン メニュー」を紹介します。 １つは非常にシンプルで軽いアコーディオンメニュー、もう一つはAjaxライブラリの prototype.js と Rico を利用したリッチなアコーディオンメニューです。 まずは、シンプルで軽いアコーディオンメニューです。 ⇒Simple Javascript Accordions ⇒サンプル（Simple Accordions） 本家サイトに圧縮ファイルがあるので、それをダウンロードし、ローカルマシンで動かしてみ

アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 2008年04月30日- Sliding JavaScript Dropdown Menu - Web Development Blog This lightweight drop down menu script (~1.8kb) allows you to easily add smooth transitioning dropdowns to your website. This can be used for navigation, dropdown lists, info panels, etc.アニメーションするドロップダウンメニュー作成ＪＳ「Sliding JavaScript Dropdown Menu」 デモページはこちら メニューの中身は単なるul li

シンプルなドロップダウンメニューの詳細版になります。 マウスカーソルをメニューの見出しに重ねると垂れ幕のようにメニューが表示される…と言うよくあるドロップダウンメニューです。好きなように使って下さい。 ただし、このページのスクリプトはあくまでサンプルであって素材ではありません。このままでも使えなくは無いですが、以下の点に注意を払う必要があります。 標準準拠ブラウザの場合、CSSが機能していなくてもメニューとしての構造を保つように作っています。 が、CSSオン・javascriptオフのIEではメニュータイトルしか見えない状態になります。 このシチュエーションをフォローするには、IEが読めないようにCSSのpositionとdisplayにハックコード(例えば、dl[id=foo]など)を入れ、代わりにJavascriptでpositionとdisplayのスタイル指定を書

Warning: set_time_limit() [function.set-time-limit]: Cannot set time limit in safe mode in /home/users/1/cocotte.jp-mtw/web/cms/wp-content/plugins/rvg-optimize-database/rvg-optimize-database.php on line 23 404 Not Found ??????????????????? ?????? URL ? https://mtw.cocotte.jp/blog/diary/html/2007/12/27-2219.php ?????????????????????????????

Rico.jsを使うと手軽に移動処理を行うことができます。移動処理を行う命令はRico.Effect.Position()になります。Rico.Effect.Positionの書式は以下のようになります。 Rico.Effect.Position(ID名,X座標,Y座標,ミリ秒,ステップ数) 例えばdivタグに指定されたID名がboxで座標(300,200)に移動させる場合は以下のように使用します。 new Rico.Effect.Position("box", 300,200, 100, 10); 以下のサンプルではボタンをクリックすると、ボックス（黄色い四角い部分）が座標(400,300)に移動します。（サンプルを実行する） <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8">