2011-05-01から1ヶ月間の記事一覧

ツールチップ(jQuery)

jQueryを使用したツールチップです。 a要素についた title属性 をツールチップテキストとして表示したり、 Jabascript でタグをレイアウトして表示することができます。配布元のcssglobe.comより「easyTooltip.zip」をダウンロードします。 (demoでは「jque…

ストライプ表示が簡単にできるjQuery

jQueryを使用して、リストやテーブルなどでよく見かけるストライプ表示、白、カラー、白、カラーのような表示を簡単に実装することができます。※実装には jquery.js が必要です。 <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".stripe li:even").addClass("gray"); }</script>…

ツールチップ

jQueryで動きのあるツールチップを作成 <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script type="text/javascript" src="js/jquery.betterTooltip.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.tTip').betterTooltip({speed: 150, delay: 300}); }); </script>Build a…

リンクをクリックした時の点線を消す

cssでは a { outline: none; } で Firefox や Safari は ok! でもIEには適用されない。。。 JavaScriptでは IEににも適用させるなら、aタグにJavascriptを入れる事で回避可能。 <a href="URL" onfocus="this.blur();">しろうさぎ</a> 「onfocus="this.bl…

自動スクロールで表示するスクリプト

Simple Spy Simple Spyは、フェードインで最上部に表示したコンテンツを自動でスクロールし、最下部に移動したらフェードアウトで非表示にするスクリプトです。 Simple jQuery Spy Effect demo Simple Spyは、リスト要素(ul)で実装されており、オプションで…

 IEのみのstylesheet/Scriptを読み込ませる(条件分岐コメント)

すべてのIEに適用 IE6のみ適用 <link href="css/ie6.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script> </link>