≠mamio’s φ（.. ） https://ameblo.jp/mmmism/ 　 ja ★Explorer 6 Duplicate Characters Bug ↓↓↓
・floatさせているコンテンツ内のHTMLコメントタグを削除
・HTMLコメントを<!–[if !IE]>コメント;<![endif]–>に書き換える
・左右もしくはどちらかにmargin:-3px

＜Explorer 6 Duplicate Characters Bug＞
http://www.positioniseverything.net/explorer/dup-characters.html ]]> https://ameblo.jp/mmmism/entry-10990830942.html Fri, 19 Aug 2011 11:35:10 +0900 ★jQuery popup ↓↓↓
a要素にclass名を振り、
jQueryで、ウィンドウサイズ等を設定する。

-HTML-
<a href="リンク先.html" class="popup">リンクテキスト</a>

-jQuery-
$(function () {
　$(".popup").click(function () {
　　window.open(this.href, "WindowName", "width=600,height=400,resizable=no,scrollbars=no");
　　return false;
　});
});

※a要素にclickイベントを設定する場合は、
最後にreturn false;とし、a要素のリンクを無効にする。 ]]> https://ameblo.jp/mmmism/entry-10897461468.html Fri, 20 May 2011 15:29:34 +0900 ★jQuery Cycle ラスト画像でストップ。
↓↓↓
jquery.cycle.jsをDLし、設置。
切替表示させたい画像を<div>要素内に設置し、
ID（orクラス）を振る。以下のように設置する。

-HTML-
<head>
<script type="text/javascript" src="js/jquery.cycle.js"></script>
<script type="text/javascript">
$(function () {
　$('#fader').cycle({
　　fx:'fade',
　　timeout:3500,
　　speed:1800,
　　autostop:true,
　　delay:-500
　});
});　
</script>
</head>

<body>
<div id="fader">
　<img src="img/img1.jpg" alt="" />
　<img src="img/img2.jpg" alt="" />
　<img src="img/img3.jpg" alt="" />
　<img src="img/img4.jpg" alt="" />
　<img src="img/img5.jpg" alt="" />
</div>
</body>

※オプション設定
fx： fade　効果（デフォルト：fade）
timeout： 3500　スライド切替え間隔（デフォルト：4000=4秒）
speed： 1800　効果のスピード（デフォルト：1000=1秒）
autostop： true　最後のスライドで停止（デフォルト：false）
delay： -500　最初の効果までの待ち時間（デフォルト：0）

※参考： jQuery Cycle Plugin
http://malsup.com/jquery/cycle/ ]]> https://ameblo.jp/mmmism/entry-10897408332.html Fri, 20 May 2011 13:59:25 +0900 ★jQuery flatHeight ↓↓↓
jquery.flatheights.jsをDLし、設置。
高さを揃えたいboxにID（orクラス）を振り、
以下のように設置する。

-HTML-
<head>
<script type="text/javascript" src="js/jquery.flatheight.js"></script>
<script type="text/javascript">
$(function () {
　$('#box1, #box2').flatHeights();
});
</script>
</head>

<body>
<div id="box1"></div>
<div id="box2"></div>
</body>

※参考： jquery.flatheights.js
http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html ]]> https://ameblo.jp/mmmism/entry-10897400054.html Fri, 20 May 2011 13:51:41 +0900 ★jQuery stripe ｔable ↓↓↓
nth-child() 疑似クラス
・奇数番目： nth-child(odd) = nth-child(2n+1)
・偶数番目： nth-child(even) = nth-child(2n)

＜横ストライプ（奇数）＞
-jQuery-
$(function () {
$("tr:nth-child(odd)").addClass("odd");
});

-CSS-
.odd{
background:#eee;
}

※jQueryでCSSの設定も可能
$(function () {
$("tr:nth-child(odd)").css("background", "#eee");
})

通常、デザイン部分はCSSで。 ]]> https://ameblo.jp/mmmism/entry-10872966584.html Tue, 26 Apr 2011 16:11:01 +0900 ★jQuery Link focus ↓↓↓
<a>タグにonfocus="this.blur()"を挿入

<a href="#" onfocus="this.blur()">
<img src="img.jpg" alt="" />
</a>

これをjQueryで。

-jQuery-
$(function () {
　$('a,area,input[type=image]').focus(function () {
　　$(this).blur();
　});
}); ]]> https://ameblo.jp/mmmism/entry-10872963108.html Tue, 26 Apr 2011 15:59:53 +0900 ★jQuery CSS
＜基本形＞
$(document).ready(function (){
　/* 実行したい処理 */
});
＝ $(function(){
　/* 実行したい処理 */
});

-jQuery-
$(function () {
　$("CSSセレクタ").css("プロパティ", "値");
　$("div").css("background-color", "red");
});

＝
-CSS-
div {background-color:red;}

※セレクタ
http://semooh.jp/jquery/api/selectors/ ]]> https://ameblo.jp/mmmism/entry-10843917664.html Mon, 28 Mar 2011 16:40:03 +0900 ★jQuery ・head要素内に“jquery.js”を読み込む方法
http://jquery.com/　より、jQueryをダウンロード。
-HTML-
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

・jQueryを取得して読み込む方法（Google AJAX API）
-HTML-
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">google.load("jquery", "1");</script>
</head>

※指定バージョンを“1”とすると“1.x.x”最新バージョンを自動読込。
ただし、キャッシュの有効期間が短くなるので、通常は指定する。

＜ダウンロードの種類＞
・Uncompressed版（jquery-1.x.x.js）： 素のjQueryファイル、内容確認用
・Minified版（jquery-1.x.x.min.js）： 改行など圧縮軽量版、読込用

＜バージョン確認方法＞
ブラウザアドレスバーに、“javascript:alert($().jquery); ”と入力しEnter。
※jQueryが使用されていない場合は、エラーが発生。 ]]> https://ameblo.jp/mmmism/entry-10843915188.html Mon, 28 Mar 2011 16:34:56 +0900 ★JavaScript -HTML-
<head>
<script type="text/javascript">
<!--
/* JavaScriptのソース */
// -->
</script>
</head>

＜JavaScriptのコンポーネント化＞
-HTML-
<head>
<script type="text/javascript" src="js/import.js"></script>
</head>

-import.js-
document.write('<script type="text/javascript" src="js/jquery.js"><\/script>');
document.write('<script type="text/javascript" src="js/thickbox.js"><\/script>');
document.write('<script type="text/javascript" src="js/yuga.js" charset="utf-8"><\/script>');

※パスは、サーバのルートフォルダからのパスもしくは、HTMLファイルからのパスにする。

＜JavaScriptのコードフォーマット＞
http://jsbeautifier.org/ ]]> https://ameblo.jp/mmmism/entry-10843909270.html Mon, 28 Mar 2011 16:14:48 +0900 ★コメント <!-- コメント -->

-CSS-
/* コメント */

-JavaScript-
// コメント（1行用）
/* コメント（複数行） */ ]]> https://ameblo.jp/mmmism/entry-10843890872.html Mon, 28 Mar 2011 16:06:48 +0900