//---------------------------------------------------- // Name: jquery_setting.js // Date Created:2009/02/15 [t.sato] // Last Updated:2009/03/16 [t.sato] // Copyright:Prudence.inc //---------------------------------------------------- /*　まとめてCSS設定 ====================================================================== var CSSname = '.class,#ID';　// ''内にクラス名、ID名を設定。カンマ区切り 【CSSclearfix】 clearfix(jquery_setting.css)を指定 ====================================================================== $(function() { var CSSclearfix = '#contents,#header,.sideways'; $(CSSclearfix).addClass('clearfix'); }); */ /*　最後の子要素だけCSS処理を変える ====================================================================== $("#info li:last-child").addClass('listLast'); #info の最後のliにのみ .listLastを付ける。 ====================================================================== */ $(document).ready(function() { $("#information ul li:last-child").addClass('listLast'); }); $(document).ready(function() { $("table.menuList tr:last-child").addClass('border'); }); /*　nの倍数だけCSS処理を変える ====================================================================== $("#floatList li:nth-child(5n)").addClass('liRight'); #floatList liの5個毎に.liRightを付ける。 nがなければ、1回目のみ。最初の5つすべてに対する場合は『:lt(3)』 ====================================================================== */ $(document).ready(function() { $("#floatList li:nth-child(5n)").addClass('liRight'); }); /*　画像ロールオーバー ====================================================================== initRollOverImages マウスオン画像はマウスオフ画像に "_on" をつけたものにすると、 適用したスタイルの画像がロールオーバーになる。 ====================================================================== */ function initRollOverImages() { var image_cache = new Object(); $("img.swap").not("[src*='_on.']").each(function(i) { var imgsrc = this.src; var dot = this.src.lastIndexOf('.'); var imgsrc_on = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4); image_cache[this.src] = new Image(); image_cache[this.src].src = imgsrc_on; $(this).hover( function() { this.src = imgsrc_on; }, function() { this.src = imgsrc; } ); }); } $(document).ready(initRollOverImages); /* ====================================================================== $(expr).flatHeights() $(expr)で選択した複数の要素について、それぞれ高さを 一番高いものに揃える 内に記述 $(function() { $('#store_list > div').flatHeights(); $('#ad, #main, #nav').flatHeights(); $('.box1').flatHeights(); }) ====================================================================== */ (function($) { /* 対象となる要素群の集合 */ var sets = []; /* 高さ揃えの処理本体 */ var flatHeights = function(set) { var maxHeight = 0; set.each(function(){ var height = this.offsetHeight; if (height > maxHeight) maxHeight = height; }); set.css('height', maxHeight + 'px'); }; /* 要素群の高さを揃え、setsに追加 */ jQuery.fn.flatHeights = function() { if (this.length > 1) { flatHeights(this); sets.push(this); } return this; }; })(jQuery);