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

石门孤独

石门孤独

2016-02-19 12:53

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享网页里控制图片大小的相关代码教程,希望对大家能有一点小小的帮助。

1、用鼠标拖动来改变大小
SCRIPT LANGUAGE="JavaScript"
function resizeImage(evt,obj){
newX=evt.x
newY=evt.y
obj.width=newX
obj.height=newY
}
/script
img src="7say.gif" ondrag="resizeImage(event,this)"

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

2、用鼠标滚动控制图片大小
img src="7say.gif" onmouseenter="focus();" onmouseout="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5;"

3、图片标签里用代码控制大小
img border="0" src="[!--picurl--]" onload="if(this.widthscreen.width-500)this.style.width=screen.width-500;"

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

4、CSS控制图片大小
1. css2直接实现: img{max-width: 500px;} (IE暂不支持)
2. expression实现: img{width:expression(width500?"500px":width);} (IE only)
3. 使用js. 方法: 用 document.getElementsByTagName("IMG") 的方法取得全部img元素 遍历img元素 判断其宽度并做相应操作

展开更多 50%)
分享

猜你喜欢

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

Web开发
网页里控制图片大小的相关代码

JavaScript动态改变网页图片大小

Web开发
JavaScript动态改变网页图片大小

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript改变和控制显示的图片大小

Web开发
javascript改变和控制显示的图片大小

用CSS控制图片自适应大小

Web开发
用CSS控制图片自适应大小

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

百度源代码里的精妙javascript图片大小处理函数

Web开发
百度源代码里的精妙javascript图片大小处理函数

Excel如何调整图片大小

电脑入门
Excel如何调整图片大小

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

非常好的js代码

非常好的js代码

在VB6.0中实现动态统计报表

在VB6.0中实现动态统计报表
下拉加载更多内容 ↓