コーディングをしている人の助けになれればと思います。
jQueryを使うと簡単にタブを実装することができます。しかし、ただタブを作るだけではなく、他ページから任意のタブにアクセスしたい・・・なんて事はありませんか? 例えばタブが3つ並んでいる場合に、他ページから遷移して2番目のタブをアクティブにしたい・・・等。 今回は、jQueryを使用して特定のタブにダイレクトリンクする方法をまとめてみました。 [jQuery]別ページから特定のタブにダイレクトリンクする方法 [サンプル] ここではリンク元ページをtab.html、タブページをtab2.htmlとしています。 tab.htmlにあるhrefの「#」以下を取得して、リンクに応じたタブを表示させる方法を記述します。 デモページはこちらです。 2016/04/07[追記]:ダイレクトリンクではなく、特定のタブをアクティブにするだけが良い場合はこちらの記事をご参考までに。 [jQuery]パラメー
Webは略語じゃないのに「WEB」って書く人が多いのが気になって仕方ない今日この頃。(あ、音声ブラウザを配慮したらという場合です) さて、本題に。 CSSのみでロールオーバーするテクニックは有名でございますが、ココ最近JSでいいじゃん。と思うようになってます。 ってことで、こんなサイト名ですけどJavaScriptでやるロールオーバーの方法のひとつでも。 jsファイルのご用意 何はともあれ、下記のjsファイルをご用意します。 function smartRollover() { if(document.getElementsByTagName) { var images = document.getElementsByTagName("img"); for(var i=0; i < images.length; i++) { if(images[i].getAttribute("src")
ユーザビリティに配慮しつつ、jQueryのバグにも対応したシンプルなアコーディオンを実装するチュートリアルをSoh Tanakaから紹介します。 Simple Accordion w/ CSS and jQuery デモページ アコーディオンのロジックは下記の通りです。 最初にデフォルトの設定します。 一番目のアコーディオンを開いて、アクティブな状態にします。 クリックをすると。 クリックされたアコーディオンのアイテムは開くのか閉じるのか判定します。 「hidden」(閉じた状態)のアイテムをクリックすると、 全てのアイテムから「active」を取り去り、閉じます。 クリックされたアイテムは「active」になり、すぐにスライドダウンして開きます。 ロジックのイメージは、下記のようになります。 <textarea name="code" class="html" cols="60" row
Selamat datang di Bos138, situs games online terkemuka yang siap memberikan Anda pengalaman bermain terbaik dan paling menguntungkan. Sebagai salah satu situs games online yang paling terpercaya, kami menawarkan berbagai macam permainan mulai dari taruhan olahraga, kasino, poker, hingga permainan slot yang seru dan mengasyikkan. Kami memahami bahwa kenyamanan dan keamanan adalah prioritas utama ba
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く