この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 グローバルメニュー内のリストの中で 現在のページの部分にclassを与える事 で今いるページだけをスタイリングする 事が出来ます。静的なサイトなら手作業 で済みますが、CMSとかASPになると、その 中のルールに依存するので少し厄介です。 某所で悩んでる人を見かけたので書いてみます。本当はさほどネタがないんですが。 実装 「現在のページ」のリンクだけclassが加わっていますので赤い文字にスタイリングする事が出来ました。 コード var url = window.location; $('.menu a[href="'+url+'"]').addClass('current'); jQueryはこれだけです。別にjQueryじゃなくてもよくね？ってコードですが。 現
<div class="deck-container on-slide-1"> <section class="slide deck-previous"> <h1>My Presentation</h1> </section> <section class="slide deck-current"> <h2>Slide Header</h2> <p>Here is a list of points:</p> <ul> <li>Point 1</li> <li>Point 2</li> <li>Point 3</li> </ul> </section> <section class="slide deck-next"> <h2>Another Slide</h2> <blockquote cite="http://example.com"> <p>Lorem ipsum dolor sit
display:boxはまだまだ実装が微妙だし、display:inline-blockやfloatだと、要素の高さ自体は変わらなくてborderとかbackgroundを使ったときいまいち困ったり。 というわけでそんなとき用のjs。相変わらずjQueryです。 HTML [html] <div class="box">box1</div> <div class="box">box2</div> <div class="box">box3</div> [/html] JavaScript [js] $(function(){ var pointHeight = new Array(); $(".box").each(function(){ pointHeight.push( $(this).height() ); }); function sort_num(a,b){return (b –
Senior Software Engineer, Team Lead, Manager Disney Streaming Services About Senior Software engineer with over a decade of experience. My expertise includes JavaScript, client-side development, UI & UX, documentation and specification development, ability to evaluate and manage risk, creative problem solving, communication, and leadership. My primary focus is JavaScript the language and software
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
