忍者ブログ
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

手書きブログは公式側がjQueryの1.8.2を導入しているので、保存禁止の単語を掻い潜って出来ることは色々ありそう。
思いついたら増えたり減ったり。

◎ページ上部へスクロールさせる
◎コメント欄情報の「表示/非表示」を切り替えるボタン
◎jQuery関連メモ
●●●●●


ページ上部へスクロールさせる
css
.to-top {
	position: fixed;
	right: 5px;
	bottom: 0px;
	width: 50px;
	height: 27px;
	line-height: 27px;
	text-align: center;
	color: #fff;
	background: #ccc;
}
.to-top:hover {
	background: #ddd;
	cursor: pointer;
}
html
<div class="to-top" onclick="$('html,body').animate({scrollTop: 0}, 500, 'swing'); ">▲</div>

メモ
● {scrollTop: 0} …… 上からの値(px)
● 速度 …… 「500」(=0.5秒)「'normal'」「'slow'」「'fast'」
● 動き …… 「'swing'」「'linear'」


●●●●●


コメント欄情報の「表示/非表示」を切り替えるボタン



html(好きなとこに置く)
<a onclick="$('.CommentName').toggle(350); return false;">▲</a>

メモ
● 情報非表示を初期状態にしたい時
.CommentName { display: none; }

● トグルボタンを管理者以外のユーザーに触らせたくない場合(管理者にのみ表示)
#if($thisPage.isMyPage == true)
	<a onclick="$('.CommentName').toggle(350); return false;">▲</a>
#end


●●●●●


jQuery関連メモ
「toggle」「slideToggle」「fadeToggle」
「slideDown / slideUp」「show / hide」「fadeIn / fadeOut」

onclick="document.getElementById('id名').style.display='block';
PR

Comment

現在、新しいコメントを受け付けない設定になっています。