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


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 相关文章推荐
js浮点数精确计算(加、减、乘、除)
Dec 26 Javascript
javascript获取本机操作系统类型的方法
Aug 13 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
Jul 28 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
Mar 25 jQuery
JavaScript中的E-mail 地址格式验证
Mar 28 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
vue 父组件给子组件传值子组件给父组件传值的实例代码
Apr 15 Javascript
使用Vue.js中的过滤器实现幂方求值的方法
Aug 27 Javascript
Vue export import 导入导出的多种方式与区别介绍
Feb 12 Javascript
vue实现登录功能
Dec 31 Vue.js
如何取得中文输入的真实长度?
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
php获取mysql数据库中的所有表名的代码
2011/04/23 PHP
PHP性能优化准备篇图解PEAR安装
2011/12/05 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
PHP中SESSION过期设置
2021/03/09 PHP
jQuery select控制插件
2009/08/17 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
JS模拟的Map类实现方法
2016/06/17 Javascript
AngularJS基础 ng-show 指令简单示例
2016/08/03 Javascript
jQuery实现获取元素索引值index的方法
2016/09/18 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
浅谈js的解析顺序 作用域 严格模式
2017/10/23 Javascript
jquery引入外部CDN 加载失败则引入本地jq库
2018/05/23 jQuery
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
详解javascript中的Error对象
2019/04/25 Javascript
如何在微信小程序中实现Mixins方案
2019/06/20 Javascript
vue.js自定义组件实现v-model双向数据绑定的示例代码
2020/01/08 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
JavaScript实现无限轮播效果
2020/11/19 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
2021/02/10 Javascript
python通过urllib2获取带有中文参数url内容的方法
2015/03/13 Python
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
由Python运算π的值深入Python中科学计算的实现
2015/04/17 Python
python虚拟环境的安装配置图文教程
2017/10/20 Python
python求最大连续子数组的和
2018/07/07 Python
java判断三位数的实例讲解
2019/06/10 Python
Python对wav文件的重采样实例
2020/02/25 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
Python基于数列实现购物车程序过程详解
2020/06/09 Python
解决Keras中Embedding层masking与Concatenate层不可调和的问题
2020/06/18 Python
浅谈HTML5 FileReader分布读取文件以及其方法简介
2017/11/09 HTML / CSS
学习雷锋月活动总结
2014/07/03 职场文书
公务员年度个人总结
2015/02/12 职场文书
可可西里观后感
2015/06/08 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书
导游词之江西赣州
2019/10/15 职场文书