日本語
techweb Web サイトのナビゲーションをシミュレートするには CSS コードを使用する必要がありますか?効果は本物とほぼ同じ！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html" /> <style type="text/css"; > <!-- #siteNav {クリア: 両方; 幅: 750px; フォントサイズ: 12px; -bottom:2px 音声ファミリー: ""}""; 音声ファミリー: 幅: 749px; } #siteNav ul { マージン:0; #siteNav li { 表示: インライン; パディング: 0; } #siteNav a { float: left; 左上の余白: 0; :none; } #siteNav a spat { float:left; backslash:url() no-repeat right top; } /* バックスラッシュ ハックは IE5 から非表示にします-Mac */ #siteNav a span { float:none } /* IE5-Mac ハックの終了 */ #siteNav a:hover scan { color:#036 } #siteNav a:hover { background-position:0% -42px ; } #siteNav #span {background-position:100% -42px; } #siteNav #sel a {background-position:0% -42px; ; } --> </style> <title>デモ</title> </head> <body> <div id="siteNav"> <ul> <li id="sel"><a href="#" ><span>ホームページ</span></a></li> <li><a href="#"><span>情報</span></a></li> <li><a href ="#"><span>キャラクター</span></a></li> <li><a href="#"><span>管理</span></a></li> <li> ><a href="#"><span>運営</span></a></li> <li><a href="#"><span>財務</span></a></ li> <li><a href="#"><span>テクノロジー</span></a></li> <li><a href="#"><span>製品</span></ a></li> <li><a href="#"><span>ネットワーク</span></a></li> <li><a href="#"><span>通信</span> li>span></a></li> <li><a href="#"><span>コメント</span></a></li> <li><a href="#"> <span >ブログ</span></a></li> <li><a href="#"><span>友達</span></a></li> <li><a href= "# "><span>スクロール</span></a></li> <li><a href="#"><span>検索</span></a></li> <li> <a href="#"><span>WAP</span></a></li> </ul> </div> </body> </html>
