[CSS]スタイルシートを使用して現在位置のリンクを無効にする方法 | コリス
使用するのはCSS3の「pointer-events」で、対応ブラウザはFx3.6+, Safari3+, Chrome(5+?)となっており、IEでは未対応です。 HTML ナビゲーションはシンプルなHTMLです。 <textarea name="code" class="html" cols="60" rows="5"> <nav> <ul> <li class="home"><a href="#">Home</a></li> <li class="about"><a href="#">About</a></li> <li class="clients"><a href="#">Clients</a></li> <li class="contact"><a href="#">Contact Us</a></li> </ul> </nav> </textarea>
[JS]ホバー時にリンクのさまざまな情報を表示するスクリプト -HoverAttribute
テキストリンクにマウスでホバーをすると、リンク先のURLやテキスト情報をアニメーションで表示するスクリプトをafEkenholm Web Designから紹介します。 HoverAttribute jQuery plugin デモ HoverAttributeのデモ 表示できるものはhrefやrelやtitileなど属性内のデータで、URLのフォーマットやアニメーションを変更することができます。
[JS]マウスホバーでボックスの真ん中にリンクを表示するスクリプト -Middle Box Links
デモページ 四つのコンテンツボックスは高さが異なりますが、リンク箇所はそれぞれの真ん中に配置されています。 HTMLはシンプルでdiv要素のコンテンツボックスにp要素でテキストを配置しているだけです。 HTML <textarea name="code" class="html" cols="60" rows="5"> <div class="widget widget-one rounded"> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet
ollicle.com: Biggerlink – jQuery plugin
Purpose Demo Updated for jQuery 1.3 How to use it Download Thanks Purpose A jQuery plugin to make it really easy to enable the specified element/s to behave as a proxy for their first contained link. Uses additional css classes to provide the means for the specified element to visually reflect focus and hover states of it's contained link/s. More to read in my blog post: Bigger link: easier clicki
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
