<   2013年 06月 ( 3 )   > この月の画像一覧

 

寝違えたクビをなおしたい

1.リラックスして手をダラーっと下げる。
2.首の痛む側の手をゆっくり後ろに、自然に止まるところまで引き上げる。
3.止まったところで、20秒数える。
4.次に肘を110度に曲げた(鈍角)状態から前方に上げていく。おそらく、真上まで上がる。
5.その状態で20秒。
6.以上を3セットほどすれば、神経が開放されて首が動かせる。重症な人はさらに2~3セット続ける。

ちょっと良くなりました。
ありがとう、ここのサイトさん。
[PR]

by hiro__neko | 2013-06-26 09:58 | 徒然  

jQueryで、画面いっぱいに背景画像を表示する方法

参照元さんから
ちょっとカスタマイズ
body の margin 0px が効かなくなる説明だったので・・・

Backstretch から jQuery Backstretch をダウンロード


あとは下記のように記述

< !doctype html>
< html style=" height:100%;">
< head>
< meta charset="utf-8" />
< title>test< /title>
< /head>
< body style="margin:0px; height:100%;">

< div style="width:100%; text-align:center; height:100%;">
< div style="width:600px; background-color:#FFFFFF; text-align:center; margin:0 auto; height:100%;" align="center">
aaaaa
< /div>
< /div>
< scri pt src="./js/jquery.min.js">
< scri pt type="text/javascript" src="./js/jquery.backstretch.min.js">

< scri pt type="text/javascript">
$( function(){
$.backstretch("./images/shinrin.jpg");
});
< /sc ript>
< /body>
< /html>


CSSをタグに埋め込んだのはご愛嬌として
jQuery本体と、backstretchを読み込んで
背景画像を指定するだけです。

今回、$( function) を使い、bodyの最下部に記述しているのは
ドキュメントを最初に読み込ませ、最後にjQuery処理を走らせています。
ちょっと早くなるけど、あんまり重たい作業を最後に持ってくると
背景画像の表示までにタイムラグが発生するから、どっちがいいかですね。

最初にjQueryを処理させたい場合は、下記のような感じ

< !doctype html>
< html style=" height:100%;">
< head>
< meta charset="utf-8" />
< title>test< /title>
< /head>
< body style="margin:0px; height:100%;">
< scri pt src="./js/jquery.min.js">
< scri pt type="text/javascript" src="./js/jquery.backstretch.min.js">

< scri pt type="text/javascript">
$.backstretch("./images/shinrin.jpg");
< /scrip t>

< div style="width:100%; text-align:center; height:100%;">
< div style="width:600px; background-color:#FFFFFF; text-align:center; margin:0 auto; height:100%;" align="center">
aaaaa
< /div>
< /div>
< /body>
< /html>



参照元:http://miha5.com/2012/09/2666/



[PR]

by hiro__neko | 2013-06-21 12:01 | jQuery  

備忘録 CSSで Height 100%

Webページ内に配置したボックスなどのブロック要素で
要素の高さを100%に伸ばそうとしたところ
ちょいちょい忘れるので備忘録

CSSで「height:100%;」と記載するわけですが

< html>
< body>
< div id="container">< /div>
< /body>
< /html>


とした場合
CSSは下の通り。

html,body {
height: 100%;
}

#container {
height: 100%;
min-height: 100%;
}

body > #container {
height: auto;
}


「html」タグと「body」タグに「height:100%;」
要素に対しては
「height:100%;」と「min-height:100%;」

「body」タグの中に入るブロック要素全体の高さが
「body」タグより大きくなった場合には「height: auto;」に切り替える指定も追加します。

参考元:http://black-flag.net/css/20110621-3232.html



[PR]

by hiro__neko | 2013-06-21 11:48 | CSS