ホームページ > ウェブフロントエンド > htmlチュートリアル > 2つの画像ボタンを遅延なく同時に表示する方法_html/css_WEB-ITnose

2つの画像ボタンを遅延なく同時に表示する方法_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:10:35
オリジナル
1190 人が閲覧しました

             <tr>               <td height="25"><div align="left">               <img src="./goto.jpg" width="156" height="54"  onclick='btnNext()'/></div></td>               <td><div align="right">               <img src="./finish.jpg" width="157" height="56" onclick='btnApply()'/></div></td>             </tr>
ログイン後にコピー


HTML に 2 つの画像をボタンとして挿入しました。IE9 では 2 つの画像が常に最初に表示されます。2 つの画像ボタンを同時に表示するにはどうすればよいですか?


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

これは、ブラウザがページを読み込む順序に問題があります。 。常に順序があります。 。

しかし、お客様はこの説明に同意しません。IE9 以外のブラウザでは問題なく、時間差もありません。最適化できますか?
2 つの画像の読み込み時間の差を短縮してみませんか?

1 つの画像に結合します
マップを使用してさまざまなアクションを実行します

画像をまとめて座標を読み取ります




写真、popbackground.png width="582" height="56"

私 あなたbtnNext() 関数を実行するには、popbackground.png 画像の左側にある幅 160、高さ 56 の領域でマウスをクリックする必要があります

幅 162、高さ 56 の領域をクリックしますPopbackground.png 画像の右側にある 56 をクリックして関数 btnApply() を実行します

この場合、上記のマップ定義座標をどのように記述すればよいでしょうか?

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