|
|
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
☆・:*:・°'★,。・:*:♪・°'☆ (゚∇゚) ![]() |
Music - Quick Time Movie - Quick Time Real Guide Windows Media BIGLOBE Fashion TV Web ラジオ Playboy Playmates Emision Digital Batanga BBC msn Radio Station So-net Broadband Music@nifty comfm.com
国井律子 山村礼子 リサ 中江有里 黒谷友香 押切もえ 酒井若菜 井川 遥 天海祐希 内山理名 遠藤久美子 佐藤江梨子 柴咲コウ 鶴田真由 水野美紀 相川七瀬 安室奈美恵 上原多香子 上戸彩 大塚愛 倖田來未 島谷ひとみ 川村結花 倉木麻衣 中島美嘉 〃 安良城紅 元ちとせ BoA MINMI MISIA melody 今井絵理子 太田裕美 松田聖子 五輪真弓 五嶋みどり 高嶋ちさ子 CARLA BLEY ケイコ・リー 清水ミチコ 矢野顕子 矢野沙織 Yuming
Aston Martin Ferrari Jaguar Pontiac Lamborghini Alfaromeo BMW Citroen Volvo Audi Volkswagen Benz Peugeot
ナビバー 折り畳みメニュー 7aフレーム 折り畳みメニュー 11フレーム 折り畳みメニュー3c1 ツリーメニュー15fr ツリーメニュー 29fr 階層メニュー12g1 トップナビバー9 フレーム トップナビバー28fr トップナビバー 39hフレーム
画像切り替え14 スライドショー14 照明画像2 スライドショー19 画像切り替え18 画像切り替え13 画像切り替え 21 スライドショー 21 ジグソーパズル カレンダー13 ♪□Movie ストリーミング フレームサンプル サイト内検索 ソート7 ソート5 データベース5 データベース 14 データベース15
ホーム へ サンプルページ 折り畳みコンテンツ 13 hidden13.htm
折り畳みコンテンツ、<div>内・全開/全閉可・選択コンテンツのみ開(他は閉じ)・アイコン付きと、<p>内・初期展開コンテンツ設定可・選択コンテンツすべて開/閉。 DHTML。 などのカスタマイズはテキストエディターなどで可。 all 対応。 コピー、編集し、簡単にWebで応用できまっ、(^ ^)。
デモは、コンテンツタイトルやアイコンのクリックなどで。
< ご使用方法 >
・ ローカル(=PC)への保存は、hidden13/ をクリック開いたホルダーで、hidden13.htm、0041120.js を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。 ※: 変わってしまったファイル名や、*.html 中のパスは要修正。
・ このDHTMLの実装方法は、hidden13.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の、 <head> 〜 </head> の任意の行間に (*1)を、さらに <body> 〜 </body>の任意の行間に (*2) をペーストします。
・ 編集方法は、hogehoge.html をテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。 下記の(例) (*1) と、(*2) を参考に太字部分の編集を任意に行います。 ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。
・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 8.x〜 などで開いて。 更新の確認は [F5]キー を押し、サーバーやブラウザーのキャッシュクリアー、最新データ読み込み(≠再アクセス)で行います。
・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像、*.jsなども転送/配置し実施。 ※:別ディレクトリーに配置時は、*.html 中のパスは要修正。 FTPなどで変わったファイル名は要修正。 スクリプト構文中への改行混入は非作動原因。
・ 関連情報 : 色記号6、2、スタイルシートリファレンス、ホームページ開設入門が便利!。 Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ツールでサイトを修正、スクリプト デバッグの概要、HTMLとCSSのサポート、CSSの改良点、IE7、IE6、XML、DHTML。
(*1) : hidden13.htm (例) 挿入先の <head> 〜 </head> の、〜 部分にペーストします。
HTMLの編集方法 | (*1) をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
シフトJIS使用(削除不可) ieなどに表示するアイコンファイル名(削除可)
<style type= 〜
</style>は(削除可)
リンクを新しいWinで開くを標準(削除可)※:target= いろいろ |
<meta http-equiv="Content-Type" content="text/html; charset=x-sjis"> <link REL="SHORTCUT ICON" href="favicon.ico"> <style type="text/css"><!--
<base target="_blank"> <title>サンプルページ 折り畳みコンテンツ 13</title> <!-- ☆ ----------- ↓ この間をコピー&ペーストします。 ------------ --> ==== この間、説明を省略。 ==== } |
(*2) : hidden13.htm (例) 挿入先の <body> 〜 </body> の、〜 部分にペーストします。
HTMLの編集方法 | (*2)をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
〔この列ペースト不要〕
※:<body> 部の編集 背景 リンク 表示済みリンクンク アクティブリンクの各色(任意値) <div>内コンテンツ・全展開/折り畳み可・選択コンテンツのみ展開(他は閉じ)・連動アイコン付き。
<p>内コンテンツ・初期展開コンテンツ設定可・選択コンテンツすべて展開/折り畳み |
<body bgcolor="#F9F8F9" link="#54006C" vlink="#62000D" alink="#00FFFF"> <!-- ★ ----------- ↓ この間をコピー&ペーストします。 ------------ --> ==== この間、説明を省略。 ==== <!-- <p>内コンテンツ・初期展開コンテンツ設定可・選択コンテンツすべて展開/折り畳み --> ==== この間、説明を省略。 ==== joeexample.init() |
< 補足 > 適時参照あれ!。