Web制作で使う色々まとめ

◆ 高さを合わせる

【jQuery】

jquery.flatheights.js

http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html

使用：

http://hatudenki.net/index.html

◆ 高さを合わせるタイル

【jQuery】

jquery.tile.js

http://urin.take-uma.net/Entry/13/

使用：

http://www.meganracing.co.jp/products/syakocho/index.html

◆ スムーズスクロール

【jQuery】【リンク#URLなし】

jquery.page-scroller.js

http://coliss.com/articles/build-websites/operation/javascript/296.html

使用：

http://hatudenki.net/index.html

◆ 依存しないスムーズスクロール

【jQueryなし】【リンク#URLあり】

http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly

使用：

http://www.meganracing.co.jp/top.html

◆ 偶数行と奇数行にクラスを振ってストライプに

http://www.webopixel.net/javascript/67.html

◆ 透明度を利用したロールオーバー

【jQuery】

opacity-rollover.js

http://h2ham.seesaa.net/article/124030086.html

使用：

http://www.meganracing.co.jp/top.html

http://hatudenki.net/

◆ 自動的に年を表示

http://ameblo.jp/web-worker/entry-11109757449.html

◆ Jacascriptインクルード

http://ameblo.jp/web-worker/entry-11109785001.html

◆ サムネイルにマウスオーバーで画像を切り替える

【jQuery】【MooTools】

http://tenderfeel.xsrv.jp/javascript/271/

使用：

http://e-sumai-takahashi.com/results-jitei.html

◆ 付いて来るサイドメニュー

http://www.minimo.jp/example.php?f=jquery/scrollFollow

使用：

http://www.e-remodel.jp/exterior.html

◆ IEの表示を同じに

http://ameblo.jp/web-worker/entry-11186694920.html

◆ CSS疑似セレクタ一覧

http://www.coolwebwindow.com/csstips/cssbasic/000243.php

◆ CSSハック

http://ameblo.jp/web-worker/entry-11192545828.html

◆ IE6でも透過PNGを使えるようにする

http://ameblo.jp/web-worker/entry-11193391731.html

◆CSS3 透明度

filter: alpha(opacity=25);
-moz-opacity:0.25;
opacity:0.25;