ホームページ >ウェブフロントエンド >htmlチュートリアル >***タオバオを模倣したこの並べ替えスタイルを作成する方法を教えてください。 _html/css_WEB-ITnose

***タオバオを模倣したこの並べ替えスタイルを作成する方法を教えてください。 _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:20:561258ブラウズ

タオバオを模倣した並べ替えスタイルの作成方法を教えてください。

タブと同じように、変更する背景を選択してください。コードを要求してください


ディスカッションに返信(解決策)

質問追加:
以下は、IE で実装された切り替えボタンです。ブラウザ、World Window ブラウザでテストすると、マウスを上に動かすか、上に動かした後に左に動かすと背景色がオレンジ色になりますが、360ブラウザとGoogle Chromeでは常に白になりますか?専門家の指導を求めます

添付コード:
#navColumn {width:710px;}
#navColumn ul {padding-left:2px;height:29px;margin:0px;padding:0px;font-size:12px;text-align : center;list-style:none;}
#navColumn li {float:left;line-height:29px; height:29px;text-align:center;width:82px;background:#fff;}
#navColumn li。 now a:link,#navColumn li.now a:visited {color:#FC8004;font-size:14px;font-weight:700;background:#FC8004;}
#navColumn a:link,#navColumn a:visited { width :82px;display:block;}
#navColumn a:hover,#navColumn a:active {width:82px;height:29px;display:block;text-decoration:none;font-weight:700;background-color: # FC8004;}

ボタン コード:

  • デフォルトの並べ替え ;/li> ;
    ;
    /div>


    クリックすると、選択したスタイル名を現在のラベルに追加し、選択したものに背景色を追加します。

    誤解です。 。 。その後の追加は見れませんでした、申し訳ありません。調べてみると、Google Chrome でも正常です。ブラウザのキャッシュに問題がある可能性があります。

    いいえ、ここではテストできません。360 ブラウザー、Google Chrome では背景色が表示されません

    いいえ、ここではテストできません、360 ブラウザー、Google Chrome では背景色が表示されません

    ただ書いてくださいそれはあなたに見てもらうためです。

    リーリー