0

さて、私はこれを1週間以上見てきましたが、理解できません。基本的に、以前に投稿した最終結果の例を次に示します。

以前のスタック オーバーフローの投稿

彼らの提案はうまくいきませんでした。右上のボタンをクリックすると、javascript がヘッダー css を変更しています。ここにデモがあります: JAVASCRIPT CHANGE の DEMO

このアクションを画像で複製しようとしていますが、javascript をよく知らず、javascript ファイルを見たときに何を読んでいるのかよくわかりません。この JavaScript を自分で編集できるように誰かに読んでもらうか、解決策を見つけるのを手伝ってもらいたいです。

Javascript は次のとおりです: Script.JS

これまでに行った関連 HTML は次のとおりです。

body >
<div id="gspinner" class="spinner"></div>
<div id="glob">
<header>
    <div class="inner">


    <a href="#!/home"><h5><img src="images/logo_large.png" /></h5></a>
            <!--<a href="#!/home"><img src="logo-large.png" id="img-             logo" alt="" /></a>
            <!--<a  href="#!/home"></></a>-->

        <nav>
            <ul>

                <li class="li-2"><a href="#!/about"><span class="lbl">About Us</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
                    <ul>
                        <li><a href="#!/history">History</a></li>
                        <li><a href="#!/mission">Mission Statement</a></li>
                        <li><a href="#!/solutions">Solutions</a></li>
                        <li><a href="#!/distribution">Distribution Area</a></li>
                        <li><a href="#!/logo">SAS Logo</a></li>
                    </ul>
                </li>
                <li class="li-1"><a href="#!/events"><span class="lbl">Events</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
                <ul>
                        <li><a href="#!/tradeshow">Trade Show</a></li>
                        <li><a href="#!/awesomeachievers">Awesome Achievers</a></li>
                        <li><a href="#!/whatshappening">What's Happening</a></li>
                    </ul></li>
                <li class="li-3"><a href="#!/technology"><span class="lbl">Technology</span><span class="ico -def"></span><span class="ico -hvr"></span></a>
                <ul>
                        <li><a href="#!/nexgen">NexGen</a></li>
                        <li><a href="#!/synergy">Synergy</a></li>
                        <li><a href="#!/edi">EDI</a></li>
                    </ul>
                </li>
                <li class="li-4"><a href="#!/marketing"><span class="lbl">Marketing</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
                <li class="li-5"><a href="#!/sales"><span class="lbl">Sales</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
                <li class="li-6"><a href="#!/mail"><span class="lbl">Employment</span><span class="ico -def"></span><span class="ico -hvr"></span></a></li>
            </ul>
        </nav>
    </div>
</header>

CSS は次のとおりです: Style.css

どんな助けでも大歓迎であり、それに対して「ポイント」を獲得します.

ありがとう！

4

1 に答える 1

1

Javascript ソリューションではありませんが、CSS を使用して目的を達成することができました。ロゴ画像に 'height: 40%' を追加するだけで、ヘッダーに合わせてスケーリングする必要があります (おそらく、より高品質のロゴ バージョンを使用する必要があることに注意してください)。 .

于 2013-05-13T13:48:05.100 に答える