<html>
<ヘッド>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Web ページの特殊効果|http://www.downcodes.com/|---CSS で作成された 3 レベルのメニュー</title>
<style type="text/css">
<!--
体 {
フォントファミリー: Arial、Helvetica、サンセリフ;
フォントサイズ: 11px;
マージン左: 0px;
マージントップ: 0px;
右マージン: 0px;
マージンボトム: 0px;
}
#メニュー {
背景色: #FEF0E5;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5', gradientType='0');
}
#nav、#navul {
float:left; /* メニュー全体の水平位置*/
クリア:右;
リストスタイル:なし;
/*line-height:22px; 第 1 レベルのメニューの高さ*/
/*background: #eee; すべてのメニューを色に移動します*/
/*フォントの太さ: 太字;8*/
パディング:0px;
マージン:0px;
/*border:1px ソリッド #ccc;
境界線右: 0px;*/
}
#ナブルル{
/*border:1px ソリッド #ccc;*/
ボーダートップ:0px;
ボーダー右:0px;
}
#ナビゲーション{
幅:120ピクセル;
表示:ブロック;
色:#333;
テキスト装飾:なし;
テキスト整列:左;
/*border-right:1px 実線 #CCC;*/
パディング: 3px 4px 3px 7px;
}
#ナビゲーション:ホバー{
色:#000;
ボーダー:1px ソリッド #CCC;
マージン: 0px;
パディング: 3px 5px 3px 6px;
背景色: #f1f1f1;
テキスト装飾: なし。
} /* すべての a:hover フォント スタイル*/
#nav a.selected{background:url(flyout_arrow.gif) no-repeat right 50%;} /* ドロップダウン アイコン*/
#ナヴリ {
フロート:なし;
クリア:右;
高さ:22ピクセル;
幅:120ピクセル;
}
#ナビリウルリ{
浮動小数点:なし;
クリア:右;
高さ:22ピクセル;
幅:120ピクセル;
}
#nav li ul { /* セカンダリ ポップアップ ビット*/
位置:絶対;
マージン:-22px 0px 0px 119px;
パディング:0;
左:-9999em;
幅:120ピクセル;
フォントの太さ:標準;
表示:ブロック;
ボーダー:1px ソリッド #CCCCCC;
背景:#fff;
}
/* 二次メニューの幅*/
#nav li ul a {
width:120px; /* セカンダリメニューの幅*/
/*line-height:24px;
ボーダー:1px ソリッド #CCC;*/
高さ:22ピクセル;
テキスト整列:左;
マージン: 0px;
}
#nav li ul ul {
マージン:-22px 0px 0px 120px;
ボーダー:1px ソリッド #CCC;
} /* レベル 3 ポップアップ ビット*/
#nav li:hover ul ul,#nav li.sfhover ul ul{left:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
左:自動;
高さ:22ピクセル;
} /* すべてのポップアップ メニューの自動左マージン */
#nav li:hover、#nav li.sfhover {
背景:#f1f1f1;
高さ:22ピクセル;
}
/* すべてのサスペンション スタイル */
-->
</スタイル>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=新しい画像();
img1.src="flyout_arrow.gif";
sfHover = 関数() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\b"), "");
}
}
}
window.onload=sfHover;
//--><!]]></script>
</head>
<body>
<table width="120" border="0" cellpacing="0" cellpadding="0" >
<tr>
<td valign="top" id="メニュー">
<ul id="ナビ">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">ホーム</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">プロジェクト需要協力</span></a><span style="font-size: 9pt">
</スパン>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Web サイト プロジェクト
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ウェブサイト プロジェクト</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">サイト全体のプロジェクト</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ウェブサイトの分析と計画</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">ウェブデザインと制作</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ウェブサイトの制作と開発</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ウェブサイトの Flash アニメーション</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ウェブサーバー</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">マルチメディアのデザインと制作</span></a><スパンスタイル="font-size: 9pt">
</スパン>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ウェブサイト プロジェクト</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">グラフィック デザイン</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">CAD エンジニアリング図面設計</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">3D モデリングとアニメーション</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Flash ゲーム アニメーション</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">効果音と音楽</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ゲーム原画設定</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">ソフトウェア開発</span></a><span style ="font-size: 9pt">
</スパン>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">アプリケーション ソフトウェア</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ゲーム開発</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ドライバー</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">組み込み開発</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">モバイル開発</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">MCU</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">データベース設計</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">コードの移植</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">ネットワーク ハードウェア</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="selected">
<span style="font-size: 9pt">情報と知識</span></a><span style="font-size: 9pt">
</スパン>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">情報と知識</span></a><span style="font-size: 9pt">
</スパン>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">実用的な情報とツール</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ニュース</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">知識とスキル</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">デザイン制作と鑑賞</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">プロジェクトのトランザクション経験に関するディスカッション</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">ダウンロード</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">優れた作品の評価</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">人材募集</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">このサイトについて</span></a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>