ホームページ > ウェブフロントエンド > jsチュートリアル > Web ページの画像サイズを制御するための関連コード

Web ページの画像サイズを制御するための関連コード

巴扎黑
リリース: 2017-05-21 11:22:02
オリジナル
1927 人が閲覧しました

1. マウスをドラッグしてサイズを変更します



2. マウススクロールを使用して画像を制御します。サイズ

< ;img src="7say.gif" onmouseenter="focus();" onmouseout="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5 ;">


3. コードを使用して画像タグのサイズを制御します


テスト後、変更する必要があります。変更しないと、Web ページが更新されたときに画像が元のサイズで表示されます。


4、CSS制御画像サイズ
1. css2直接実装: img{max-width: 500px;} (IEはまだサポートされていません)
2. 式実装: img{width:expression( width> ;500?"500px":width);} (IE のみ)
3. js を使用します。メソッド: document.getElementsByTagName("IMG") メソッドを使用して、すべての img 要素を取得し、その幅を決定します。対応する操作を実行します

以上がWeb ページの画像サイズを制御するための関連コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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