jQuery-memo

accordion-v45.js
1KB　2014/09/21 21:37:14(45)　　v45mono2

$(function(){
    $('.write2')
 .not('.write2:first').hide()
  .css('display','none');
    //
    $('.body3 h3').click(function(e){
        $('.write2').slideUp();
        if($('+.write2',this).css('display') == 'none'){
            $('+.write2',this).slideDown();
        }
    });
    //
});

accordion.js
1KB　2014/09/21 21:37:13(45)

$(function(){

$(".accordion p").click(function(){
    $(this).next("ul").slideToggle();
    $(this).children("span").toggleClass("open");
});

$(".accordion dt").click(function(){
    $(this).next("dd").slideToggle();
    $(this).next("dd").siblings("dd").slideUp();
    $(this).toggleClass("open");
    $(this).siblings("dt").removeClass("open");
});

});

pagetop300-500.js
1KB　2014/09/20 22:15:09(45)

$(document).ready(function(){
$("#pagetop").hide();
$(function () {$(window).scroll(function () {
if ($(this).scrollTop() > 300) {$('#pagetop').fadeIn();} else {$('#pagetop').fadeOut();}});
$('#pagetop a').click(function () {
$('body,html').animate({scrollTop: 0}, 500);return false;});});
});

scrolltopcontrol100-500.js
1KB　2014/09/20 21:27:50(45)　　v45mono2

$(function() {
	var topBtn = $('#pageTop');
	topBtn.hide();
	$(window).scroll(function () {
		if ($(this).scrollTop() > 100) {
			topBtn.fadeIn();
		} else {
			topBtn.fadeOut();
		}
	});
    topBtn.click(function () {
		$('body,html').animate({
			scrollTop: 0
		}, 500);
		return false;
    });
});

PIE.js
40KB　2014/09/14 01:08:49(70)



selectivizr.js
19KB　2014/09/14 00:55:13(70)



slidetogglesample-v25.js
1KB　2013/10/06 22:33:29(58)　　v25cloud, v26cloud2, v27cloud3

$(document).ready(function() {
	$(".body3 h3").hover(function(){
		$(this).css("cursor","pointer");
	},function(){
		$(this).css("cursor","default");
		});


	$(".write2")
  .not(".write2:first")
	.css("display","none");
	$(".body3 h3").click(function(){
		$(this).next().slideToggle("fast");
		});
});

http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js　　v24shine, v28shine2, v29mono, v45mono2

http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js　　v25cloud, v26cloud2, v27cloud3

http://code.jquery.com/jquery-1.7.1.min.js　　v31-33sakura, v33_2reef, v33_3mw_sea, v34kamiW, v35floral, v36g3tyou, v37krage, v37_2shark, v38flo01, v39flo02, v40voyage, v41mjL, v42flo03, v43green, v44green2

scrolltopcontrol-script　　v24shine, v25cloud, v26cloud2, v27cloud3, v28shine2, v29mono, v31-33sakura, v33_2reef, v33_3mw_sea, v34kamiW, v35floral, v36g3tyou, v37krage, v37_2shark, v38flo01, v39flo02, v40voyage, v41mjL, v42flo03, v43green, v44green2

jumpmenu-script　　v24shine

v27cloud3

v26cloud2_公開(10/18.0:15申請,10/22承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL


v26cloud2　のバリエーションです。

2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js　（slidetogglesample-v25.js,　pagetop300-500.js）

font-size: 13px;

カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。

v26cloud2

v26cloud2_公開(10/18.0:15申請,10/22承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL


v25cloud　のバリエーションです。

2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js　（slidetogglesample-v25.js,　pagetop300-500.js）

font-size: 13px;

カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。

v25cloud

v25cloud_公開(10/18.0:15申請,10/22承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL


2カラム。固定幅。910px。
記事部分 645px。サイドバー 230px。
jQuery 1.6.2/jquery.min.js　（slidetogglesample-v25.js,　pagetop300-500.js）

font-size: 13px;

カラム幅を超える画像は縮小表示されます。
ヘッダーにナビアイコン、サイドにプラグイン用ドロップダウンメニュー使用。

月別・カテゴリ別アーカイブのドロップダウンリスト

■■■月別・カテゴリ別共通JavaScript・・・< head>~< /head>

< script type="text/javascript">
< !--
function jumpmenu(targ,selObj,restore) {
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
< /script>

■■■月別アーカイブ

< h2 class="monthly-archives">MONTHLY< /h2>
< form id="monthly_archives" name="monthly_archives" action="">
< select name="menu" onchange="jumpmenu('parent',this,0)">
< option value="< %url>" selected="selected">■月別< /option>
< !--archive-->
< option value="< %archive_link>">■< %archive_year>-< %archive_month> : < %archive_count>< /option>
< !--/archive-->
< /select>
< /form>

■■■カテゴリ別アーカイブ

< h2 class="categories-archives">CATEGORIES< /h2>
< form id="categories_archives" name="categories_archives" action="">
< select name="menu" onchange="jumpmenu('parent',this,0)">
< option value="< %url>" selected="selected">■カテゴリ別< /option>
< !--category-->
< option value="< %category_link>">■< %category_name> : < %category_count>< /option>
< !--/category-->
< /select>
< /form>

blogタイトルと本文の文字サイズ・色

tempによっていろいろある、下は一例です。（U-BOXv08Sora-binを使用）

本文の文字サイズ・色

css_________________________
body {
background-color: #fff;
color: #6e727f;/*230-13-50*/
font-size: 12px;
line-height: 160%;
font-family: arial,"ＭＳ Ｐゴシック",sans-serif;
margin: 0;
pading: 0;
}



blogタイトルの文字サイズ・色

HTML______________________＿

< div id="top">
< h1>< a href="< %url>">< %blog_name>< /a>< /h1> ・・・blogタイトル
< h2>< %introduction>< /h2>　　　　　　　　　　　・・・サブタイトル
< /div>< !--top-->

css_________________________

h1 {
font-family: sans-serif, Verdana, "メイリオ", Meiryo;
color: #373a49;/*228-25-29*/
}　　　　　　　　　　　　　　　　　・・・blogタイトルの文字サイズ、サイズ指定がないのでデフォルト
　　　　　　　　　　　　　　　　　　　（h1のデフォルト＝本文文字サイズの200%）
h2 {
font-size:130%;　　　・・・サブタイトルの文字サイズ（本文文字サイズの130%）
margin-left: 3%;
}
* h2はblog内の見出しにも使われているため、サイズを指定するときは使用箇所ごとの指定が望ましかったりする
・
・
・

/　* header */
#top {
color: #080e26; /*228-25-29*/・・・サブタイトルの色
width: 99.8%;
margin: 0 0.1% 0 0.5%;
padding: 1em 0 9.5em;
word-break: break-all;
}
#top h1 a:link, #top h1 a:visited {color: #080e26} /*228-77-15*/・・・blogタイトルの色
#top h2 {
font-weight: normal;
margin: 0.5em 0 0 0.3em;
}

blogタイトル、サブタイトルの文字サイズの変更例(赤字挿入)

#top h1 a:link, #top h1 a:visited {
color: #080e26; /*228-77-15*/
font-size: 24px;
}
#top h2 {
font-size: 16px;
font-weight: normal;
margin: 0.5em 0 0 0.3em;
}

* サイズはpxで指定すると本文文字サイズに影響されない。
* 上記は本文12pxのときの%指定をpx換算した数字です。この数字を希望のものに変更する。