1

私はコーダーではなく、非常に初心者なので、優しくしてください。長いページの下部に配置されたボタンを作成して、ページを上部にスクロールさせますが、アニメーション化する方法を見つけました。私はここであなたが言うが、私にとっては簡単ではありません。

私のボタンは div に含まれており、ロールオーバー状態がありました。最初は黒く、ロールアップするとオレンジ色に見えます。トップ機能にアニメーションを追加してから、ロールオーバー状態が失われましたか?

この小さな問題を解決する方法について何かアイデアを持っている人はいますか? これは、サイトを完成させるために克服しなければならない最後の問題です。ページへのリンクは次のとおりです。

http://www.infomaticfilms.com/jack/jrimg/g_and_d.htm

いつものように、どんな助けでも大歓迎です。

ジャック

4

2 に答える 2

1

ページの作成に Dreamweaver を使用しないことをお勧めします。javascript MM コードが読めないため、問題を解決するのに役立ちません..

ホバー時に画像を変更するには、2 つの方法があります。

1) Derek と Titanium が推奨する CSS。2) jQuery を使用してホバー時に画像を変更するようにスクリプトを変更します。

jQuery ツールグル

jQueryホバー

ページの読み込みを高速化するには、CSS を使用します。

Dreamweaver などのエディターを使用する代わりに、純粋な xhtml と css を学習することを強くお勧めします。DD が作成するくだらないコードを修正するために費やす時間は、html/html5 と css の学習に費やすことができ、最終的にははるかに優れた結果を得ることができます。

純粋な html と css に関するサポートが必要な場合は、お気軽にお問い合わせください。

于 2012-12-30T20:36:59.753 に答える
0

これを使って：

<a href="#top">
<img src="images/jr_img_projectPage_top_button.gif"
onmouseout="this.src='images/jr_img_projectPage_top_button.gif'" 
onmouseover="this.src='images/jr_img_projectPage_top_button_ro.gif'"></a>

もう 1 つの方法は、CSS を使用することです。

.top {
    clear: both;
    height: 57px;
    margin-bottom: 24px;
    width: 84px;
    background: url("images/jr_img_projectPage_top_button.gif");
}

.top:hover {
    background: url("images/jr_img_projectPage_top_button_ro.gif");
}
于 2012-12-30T20:37:28.880 に答える