Heim > Web-Frontend > js-Tutorial > Hauptteil

网页里控制图片大小的相关代码_JavaScript

WBOY
Freigeben: 2016-05-16 19:29:23
Original
1018 Leute haben es durchsucht

1、用鼠标拖动来改变大小


网页里控制图片大小的相关代码_JavaScript

2、用鼠标滚动控制图片大小
网页里控制图片大小的相关代码_JavaScript

3、图片标签里用代码控制大小
网页里控制图片大小的相关代码_JavaScript
经测试这里需要修改一下,不然刷新网页时图片会显示原始大小。网页里控制图片大小的相关代码_JavaScript

4、CSS控制图片大小
1. css2直接实现: img{max-width: 500px;} (IE暂不支持)
2. expression实现: img{width:expression(width>500?"500px":width);} (IE only)
3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍历img元素 判断其宽度并做相应操作
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!