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

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

WBOY
リリース: 2016-06-24 12:20:56
オリジナル
1281 人が閲覧しました

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

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


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

質問追加:
以下は、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 では背景色が表示されません

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

    リーリー

  • ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート