jqueryで現在地（カレント）にclassを指定します。 - CodingMania
現在地にclassをつけるので、CSSで現在地表示ができます。 ヘッダーで、jquery.jsと後述のcurrent.jsを読み込んでいます。 単純にbodyタグに指定したidとナビゲーションのclass名が同じならclassにcurrentを追加します。 IDの場所は変更できます。 これでDWのテンプレにも使えます。 デモページへopen_in_new JSを読み込みます <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/current.js"></script> [current.js]JavaScript // Globalnav cur
簡単！ヘッダーナビ等、現在アクセス中のページリンクにマウスオン効果をかける方法 | Stronghold Archive
どうもこんばんは。今回のtipsは【ヘッダーナビ等、現在アクセス中のページリンクをマウスオン状態にする方法】に関してです。かなり簡単に実装できますのでお試しいただければ幸いです。（2013年10月1日更新：jQueryで少し短めにしました) 絶対パスでの指定 コードもシンプルです。リンク内のURLと現在アクセス中のページのURLが一致したいる場合のみ【ON】というクラスを追加しています。リンクのつなげ方によって記述も変わってきますので、絶対パスでのハイライト方法と2種類のJSを用意しています。 CSS #menu a{color: #777} #menu a.on{color: #000} HTML <ul id="menu" class="cf"> <li><a href="http://abc.com/index.html">home</a></li> <li><a href="htt
約700項目のHTML／スクリプト言語リファレンスを公開
日経LinuxとITproは、総計約700項目のHTML／スクリプト言語リファレンスを公開しました。「HTML」（295項目）、「CSS」（73項目）、「Dynamic HTML」（98項目）、「JavaScript」（295項目）、「Perl」（125項目）あわせて698項目。各項目にサンプルコードを掲載しており、コピーし貼り付けてすぐにお使いいただけます。JavaScriptは「この用例を実行する」という文字をクリックすれば、その場でサンプルコードを実行してみることもできます。 ファンレンスを使いこなすための記事や、「JavaScript入門」「Perlの使い方入門」「CSSの基本」「Linuxコマンド道場」「シェル・スクリプト工房」といった入門記事もご用意しました。 これらのリファレンスはここ2～3年かけて作成してきたものです。そのため一部に内容の古いものもありますが、順次更新してい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
