« 2010年7月 | トップページ | 2010年10月 »

2010年8月の3件の記事

2010年8月30日 (月)

formLabels 導入メモ

ラベルの文字をフォーカスしたときに薄く表示するjQuery Plugin「formlabels」の導入覚え書きです。

formLabels
DEMO

1)スクリプトを読み込ませます。
メタタグ内部に記入します。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.formLabels1.0.js"></script>

2)設定用のスクリプトを記入します。
<script type="text/javascript">
 $(function(){
 $.fn.formLabels();
 $("form").submit(function(){
 var formVal = $("form").serialize();
 parent.$("#default div.results").html(formVal);
 return false
 })
 });
</script>


| | コメント (0) | トラックバック (0)

2010年8月 9日 (月)

html5 enabling script

html5に対応していないブラウザに対してもマークアップが可能になる「HTML5 enabling script」の導入覚書です。
remy sharp's b:log html5 enabling script

License:Creative Commons Attribution-Noncommercial-Share Alike 2.0 UK: England & Wales License

1)スクリプトを読み込ませます。
メタタグ内部に記入します。
<!--[if IE]>

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

| | コメント (0) | トラックバック (0)

2010年8月 2日 (月)

Backstretch

jQueryを使用した背景画像をブラウザに会わせてを表示する「Backstretch」の導入覚書です。
Backstretch&Demo

License:MIT/GPL
Release version:1.1

1)下記サイトよりプラグインをダウンロードします。
http://github.com/srobbin/jquery-backstretch/

2)jQueryとプラグインを読み込ませます。
メタタグ内部に記入します。
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.backstretch.js"></script>

3)設定用のスクリプトを記入します。
<script type="text/javascript">
$.backstretch("/path/to/image.jpg", {speed: 150});
</script>

| | コメント (0) | トラックバック (0)

« 2010年7月 | トップページ | 2010年10月 »