2011-05-01から1ヶ月間の記事一覧
jQueryを使用したツールチップです。 a要素についた title属性 をツールチップテキストとして表示したり、 Jabascript でタグをレイアウトして表示することができます。配布元のcssglobe.comより「easyTooltip.zip」をダウンロードします。 (demoでは「jque…
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に適用 IE6のみ適用 <link href="css/ie6.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="xxxxx.js"></script> </link>