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


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)">

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.width>screen.width-500)this.style.width=screen.width-500;">

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元素 判断其宽度并做相应操作



相关阅读:
在安装sql2005中或安装后sa用户无法登陆系统解决方法
SQL2005 高效分页sql语句
asp 正则 过滤重复字符串的代码
asp.net 购物车的实现浅析
学习CSS制作网页总结的一些经验
初探jquery——表单应用范例
asp.net教程:编译错误同时存在于不同dll中
给你八个理由 购买Windows 7
html教程:WEB标准教程:链接和文本标签的应用
asp正则表达式使用详解
TopN算法与排行榜
关系数据库 除法
css hack问题
浅谈Javascript嵌套函数及闭包
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4