荒川区ホームページ・ブログ制作･作成･アクセスアップSEOのマウンテンブック

荒川区ホームページ・ブログ制作･作成･アクセスアップSEOのマウンテンブック http://mountainbook.net/ マウンテンブックでは東京都荒川区にてホームページ･ブログの制作･管理を行っております。平日は会社勤めをしている為、お問合せに対する返答や制作作業にお時間を頂く事がございますが、その分、低価格でサービスを提供できるよう心がけております。 ja Copyright 2008 Sun, 12 Oct 2008 21:37:31 +0900 http://www.sixapart.com/movabletype/ http://blogs.law.harvard.edu/tech/rss マウスオーバー時に背景色を滑らかにアニメーションするJavascriptメニューマウスオーバー時に背景色を滑らかにアニメーションするJavascript。グラデーション画像等をbackgroundに設定すると左→右や、上→下のように方向を指定できます。デモページ Using jQuery for Background Image Animations - Snook.ca ]]> http://mountainbook.net/archives/2008/10/javascript_7.php http://mountainbook.net/archives/2008/10/javascript_7.php Cascading Style Sheets Java Script スタイルシート管理者の仕事メモ Sun, 12 Oct 2008 21:37:31 +0900 Javascript CSS プルダウンメニュー「MenuMatic」一見Flashに見えますが、Javascriptです。どこかで使ってみたいものです。「MenuMatic」]]> http://mountainbook.net/archives/2008/10/javascript_css_menumatic.php http://mountainbook.net/archives/2008/10/javascript_css_menumatic.php Cascading Style Sheets Java Script スタイルシート管理者の仕事メモ Sun, 12 Oct 2008 21:19:29 +0900 プルダウンメニュー動作はWindowsのFirefox、IE、Operaしか確認してません。他の環境の動作報告求む。ちなみに、MacIE、IE5以下、NN4.xはサポート対象外です。 http://chibinowa.net/notebook/javascript/86.html http://mountainbook.net/archives/2008/09/post_148.php http://mountainbook.net/archives/2008/09/post_148.php Cascading Style Sheets Java Script スタイルシート管理者の仕事メモ Fri, 12 Sep 2008 18:17:07 +0900 JavaScriptを使って別のページに自動でジャンプ「私のホームページは移転しました、10秒後に移動します」をするには下記のどちらかのソースを記述します。HTMLとJavaScriptがあります。 ■ HTML <meta>タグを使用する。<head>から</head>の間に記述します。変更箇所は赤字の数字が秒数、あとは移動先のURLを記述して下さい。 <meta http-equiv="refresh"content="10; url=URLを記入"> ■ JavaScript JavaScriptでも同じように自動でページを移動できますが、ページを観覧している方がJavaScriptの機能をオフにしていると動作しません。ソースは<body>から</body> の間にコピーして下さい。変更箇所は移動先のURLと、移動するまでの時間です。 setTimeout("autoLink()",10000); で10秒になります。 <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> http://mountainbook.net/archives/2008/08/javascript_6.php http://mountainbook.net/archives/2008/08/javascript_6.php Java Script 管理者の仕事メモ Wed, 06 Aug 2008 14:16:38 +0900 MTのポップアップソース <a href="ページA" onclick="window.open('ページA','popup','width=ページ幅,height=ページ高さ,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false">ここをクリックするとポップアップウィンドウが開きます</a> http://mountainbook.net/archives/2008/07/mt_7.php http://mountainbook.net/archives/2008/07/mt_7.php Java Script Movable Type 管理者の仕事メモ Wed, 30 Jul 2008 09:10:52 +0900 画像ロールオーバーのjavascript たまーに画像のロールオーバー使ってるサイトありますが、その方法がWebtech Walkerさんで紹介されていました。サンプルページがありファイルのダウンロードもできます]]> http://mountainbook.net/archives/2008/07/javascript_5.php http://mountainbook.net/archives/2008/07/javascript_5.php Java Script 管理者の仕事メモ Wed, 30 Jul 2008 09:04:09 +0900 JW Image Rotatorを使ったフリーのスライドショー設置も簡単、管理も簡単でエフェクトも豊富なオープンソースを発見！配布サイトからファイルをDLしhtmlとxmlファイルをカスタマイズするだけ。 JW Image Rotator［DownLoad］こちらのサイトで詳しく解説してます。 [Mutter] JW Image Rotatorを使ったスライドショー。]]> http://mountainbook.net/archives/2008/06/jw_image_rotator.php http://mountainbook.net/archives/2008/06/jw_image_rotator.php Flash Java Script オープンソース管理者の仕事メモ Tue, 10 Jun 2008 17:23:26 +0900 ブックマークスクリプト function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; } } <input name="button" onclick="addBookmark(document.title, location.href);" value="お気に入りに登録" type="button"> http://mountainbook.net/archives/2008/04/post_146.php http://mountainbook.net/archives/2008/04/post_146.php Java Script 管理者の仕事メモ Mon, 14 Apr 2008 12:14:04 +0900 気に入りに追加するボタン　Javascript　IE/Firefox対応 IEでもFireFoxでも動くバージョンまず、下記のようなコードを<head></head>の中に書く。 ---ここから--- <script type="text/javascript"> function addBookmark(title,url) { if (window.sidebar) { window.sidebar.addPanel(title, url,""); } else if( document.all ) { window.external.AddFavorite( url, title); } else if( window.opera && window.print ) { return true; } } </script> ---ここまで--- そしてボタンを追加したいところに下記のコードを書く。 <input type="button" value="お気に入りに登録" onClick="addBookmark(document.title, location.href);"> これで完了 http://mountainbook.net/archives/2007/11/javascriptiefirefox.php http://mountainbook.net/archives/2007/11/javascriptiefirefox.php Java Script Tue, 06 Nov 2007 18:33:06 +0900 マウスオーバーでスライドするJavaScriptメニューマウスオーバーでスライドするJavaScriptメニューメニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。画像を変えれば、よりクールなメニューを作れそうですね。必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwick opt4"><span>Urban</span></li> <li class="kwick opt5"><span>Abstract</span></li> </ul> </div> <script type="text/javascript"> var myMenu = new ImageMenu($$('#kwick .kwick'),{openWidth:200}); </script> 実装サイトはコチラ]]> http://mountainbook.net/archives/2007/10/javascript_4.php http://mountainbook.net/archives/2007/10/javascript_4.php Java Script スタイルシート Tue, 23 Oct 2007 08:45:40 +0900 JavescriptでCSSを切り替える JavescriptでCSSを切り替える]]> http://mountainbook.net/archives/2007/08/javescriptcss.php http://mountainbook.net/archives/2007/08/javescriptcss.php Java Script スタイルシート Mon, 27 Aug 2007 09:31:38 +0900 GoogleMapをブログに貼付ける（埋め込み HTML）１．埋め込み HTML の利用方法埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします。リンクをクリックすると、HTMLコードがすぐ下に表示されます（下）ので、「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、 <iframe width="425" height="350" ～のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。 ２．問題点 埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHTML1.1 では廃止されていることと、以下に示す問題のため、この HTML をブログに埋め込むと not Valid になる可能性があります。 & が実体参照（&）されていない br 要素の"/"の前に空白がない →変換スクリプトはコチラ GooleMapを削除しました →変換スクリプトはコチラ]]> http://mountainbook.net/archives/2007/08/googlemap_html.php http://mountainbook.net/archives/2007/08/googlemap_html.php Google Java Script Movable Type Fri, 24 Aug 2007 09:47:52 +0900 カーソルを動かすと星がついてくるJavascript ■Fried Strawberryおっかけマウス■]]> http://mountainbook.net/archives/2007/08/javascript_3.php http://mountainbook.net/archives/2007/08/javascript_3.php Java Script Thu, 16 Aug 2007 22:47:25 +0900 別ウィンドウで表示させるAjax Lightbox.js のような写真のスライドショーするライブラリ沢山 mootools用のスライドコンテンツ作成JavaScript （Smoothbox）]]> http://mountainbook.net/archives/2007/08/ajax_4.php http://mountainbook.net/archives/2007/08/ajax_4.php Java Script Thu, 09 Aug 2007 15:37:52 +0900 別ウィンドウで表示されるajax 別ウィンドウで表示されるajax]]> http://mountainbook.net/archives/2007/08/ajax_3.php http://mountainbook.net/archives/2007/08/ajax_3.php Java Script スタイルシート Fri, 03 Aug 2007 16:42:48 +0900