機能的で格安なページ制作

ページ内でのタブ表示切替

一つのエリアをタブにて切替するソース

Tabchange
タブ切替で表示内容を切り替える方法のタグを書いておきます。

タブ切替は、javascriptと、HTMLのソースを併用して行います。

追記ですが・・・・
この方法よりもjQueryを使ったタブ切替の方が良いかと思います。

ソースは次の通り

<head>内に入れるJSファイルのソース

次に<body>内の設置場所に置くソース

17~19行目のスクリプトが必要になります。

以上のソースで作りますが、ワードプレスではソース編集がビジュアルにした時にソースが
勝手に書き換えられて消えてします。

そこで、外部PHPとしてテンプレートを作り、コンテンツ内に設置するには
Shortcode Exec PHPを使ってショートコードを作り設置すればOK


No Comments Yet

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA


次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

post date*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スマートフォン

このサイトはレスポンシブルです、
画面幅によりレイアウト最適化します、
スマホサイズで見てみよう!

上のQRコードをスマホでスキャン
又はタップしてメールで送れます

 
 

財成神社






このブログパーツの貼り付けコードはこちら
無料ですので是非使ってください。

お勧めサーバー

Amazonでお買物