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


Posted in Javascript onJune 25, 2006

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

Javascript 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
清华大学出版的事半功倍系列 javascript全部源代码
May 04 Javascript
javascript五图轮播切换实用版
Aug 17 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
Aug 19 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
Jun 02 Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 Javascript
jquery使用正则表达式验证email地址的方法
Jan 22 Javascript
bootstrap下拉列表与输入框组结合的样式调整
Oct 08 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
解决iView中时间控件选择的时间总是少一天的问题
Mar 15 Javascript
JavaScript错误处理操作实例详解
Jan 04 Javascript
解决iview table组件里的 固定列 表格不自适应的问题
Nov 13 Javascript
如何取得中文输入的真实长度?
Jun 24 #Javascript
快速保存网页中所有图片的方法
Jun 23 #Javascript
网页常用特效代码整理
Jun 23 #Javascript
文本加密解密
Jun 23 #Javascript
解密效果
Jun 23 #Javascript
CheckBox 如何实现全选?
Jun 23 #Javascript
JavaScript实际应用:innerHTMl和确认提示的使用
Jun 22 #Javascript
You might like
浅析Dos下运行php.exe,出现没有找到php_mbstring.dll 错误的解决方法
2013/06/29 PHP
Codeigniter通过SimpleXML将xml转换成对象的方法
2015/03/19 PHP
目前流行的JavaScript库的介绍及对比
2013/09/29 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
2015/09/05 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
vue封装第三方插件并发布到npm的方法
2017/09/25 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
[05:03]2018DOTA2亚洲邀请赛主赛事首日回顾
2018/04/04 DOTA
python实现在每个独立进程中运行一个函数的方法
2015/04/23 Python
详解Python Socket网络编程
2016/01/05 Python
Python实现句子翻译功能
2017/11/14 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python将秒数转化为时间格式的实例
2018/09/16 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
python爬取百度贴吧前1000页内容(requests库面向对象思想实现)
2019/08/10 Python
Pytorch中Tensor与各种图像格式的相互转化详解
2019/12/26 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
python中sort sorted reverse reversed函数的区别说明
2020/05/11 Python
python的launcher用法知识点总结
2020/08/07 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
Yahoo-PHP面试题2
2014/12/06 面试题
单位消防安全制度
2014/01/12 职场文书
上课玩手机检讨书
2014/02/08 职场文书
乡镇办公室工作决心书
2014/03/11 职场文书
区政府领导班子个人对照检查材料
2014/09/25 职场文书
公安派出所所长四风问题个人对照检查材料
2014/10/04 职场文书
Apache压力测试工具的安装使用
2021/03/31 Servers
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript
《仙剑客栈2》第一弹正式宣传片公开 年内发售
2022/04/07 其他游戏