- 浏览: 395295 次
- 性别:
- 来自: 北京
文章分类
最新评论
<script language="JavaScript"> <!-- var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){ flag=true; if(image.width/image.height>= 400/400){ if(image.width>400){ ImgD.width=400; ImgD.height=(image.height*400)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.alt=image.width+"×"+image.height; } else{ if(image.height>400){ ImgD.height=400; ImgD.width=(image.width*400)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.alt=image.width+"×"+image.height; } } } //--> </script> 调用:<img src="" border="0" onload="javascript:DrawImage(this);"
<html><head> <script language="Javascript"> function imgScale(srcobj) { var OriginImage=new Image(); OriginImage.src=srcobj.src; var H=OriginImage.height; var W=OriginImage.width; var scale=W>160?W/160:1;//得到缩放比例 var objname=""+srcobj.name srcobj.width=W/scale;//缩放宽度 srcobj.Height=H/scale;//缩放高度 } </script> </head><body> <img name="newsimg" src="1.jpg" width=160> <input type=button onclick="imgScale(document.all.newsimg)" value="scale"> </body></html>
<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- function View(){ document.all.div1.innerHTML="<img id='img1' src='" + document.all.file1.value + "' onload='zoom()' >" } function zoom(){ if( document.all.img1.width>500 ){ document.all.img1.style.zoom=0.5; } if(document.all.img1.height > 500){ document.all.img1.style.zoom=0.5; } /*if( document.all.img1.width < 250 ){ document.all.img1.style.zoom=2; } if(document.all.img1.height < 250){ document.all.img1.style.zoom=2; } */ } //--> </SCRIPT> </HEAD> </BODY> <INPUT TYPE="file" id="file1" onchange="View()"> <DIV id="div1"></DIV> <BODY> </HTML>
发表评论
-
[转]js获取滚动条位置:绝对有效(经验之谈)
2010-02-26 13:33 7135获取坐标: IE (event.x event.y) 获取滚 ... -
Javascript 最简单检测网速的方法和应用
2010-01-18 10:47 2001Javascript 最简单检测网速的方法和应用。网速很慢,但 ... -
js自定义对象
2009-11-18 14:49 34714一,概述 在Java语言中,我们可以定义自己的类,并根据这 ... -
IE6,IE7和FireFox兼容处理(持续发现中)
2009-11-18 13:30 22701. event.srcElement 属性: IE下可以使用 ... -
Javascript的IE和Firefox兼容性汇编
2009-11-18 13:29 825微软关于IE、Firefox、Opera和Safari的Jav ... -
FF IE 兼容动态增加onclick事件
2009-11-17 13:36 1961<!DOCTYPE HTML PUBLIC &quo ... -
javascript十个最常用的自定义函数
2009-11-17 11:21 917如果不使用类库或者没有自己的类库,储备一些常用函数总是有好处的 ... -
js 事件的动态添加与注销
2009-11-17 11:02 1082IE的 JScript 存在内存泄露的bug 想必大家都清楚或 ... -
JavaScript通过attachEvent和detachEvent方法处理带参数的函数
2009-11-17 10:59 20901 <!DOCTYPE html PUBLIC &quo ... -
用javascript编写优美的代码
2009-11-17 10:53 1092一、简化代码 采用更为简短的写法,不仅可以减少输入的字符数, ... -
如何使用Javascript格式化日期显示
2009-09-02 15:36 2298我们都知道在Java和PHP语 ... -
Javascript操作Select和Option
2009-08-25 10:54 1198注意:Option中的O是要大写的,不然语法报错 1 ... -
javascript下的时间函数详解
2009-08-21 13:18 1061Date (对象) Date 对象能够使你获得相对于国际标准 ... -
JS网页高度相关
2009-08-18 11:43 1645<SCRIPT LANGUAGE=" ... -
JS 中面向对象的5种写法
2009-08-12 12:16 1440http://www.iteye.com/topic/4344 ... -
js替换br 为换行 textarea
2009-07-30 15:41 4619我们有正则表达式来替换内容中的br让它在能textarea中也 ... -
js操作html增加删除tr/td
2009-07-17 13:33 5588总结:可以通过parentElement定位父级元素,有待验证 ... -
判断页面属于哪个iframe
2009-07-16 13:53 1325在相应iframe的页面中使用window.name 可以得到 ... -
最基础的JS添加样式实例
2009-07-15 15:32 1674<style> .test { borde ... -
Js动态添加样式
2009-07-15 15:31 4000<script type="text/ja ...
相关推荐
- **功能**: 存储文档中每一个由`<frame>`元素创建的子窗口(框架)实例,其中的下标即可以是次序号也可以是用`<frame>`元素的`NAME`属性指定的名称来获取并使用。 - **12. `frames.length` 属性** - **语法**: ...
=`(不等于)、`>`(大于)、`(小于)、`>=`(大于等于)、`(小于等于)。 13. 使用 `var` 关键字声明变量。 14. `if` 语句用于条件判断,`else` 用于提供备选执行路径。 15. `for` 循环结构:`for([initial ...
SWFUpload使用一个隐藏的Flash影片来控制文件的选择和上传。JavaScript用来激活文件选择对话框。 此文件选择对话框是可以设置允许用户选择一个单独的文件或者是多个文件。 选择的的文件类型也是可以被限制的,因此...
在这段代码中,`rnd()`函数生成了一个0到1之间的浮点数,然后乘以10(表示图片编号的数量范围),`Math.ceil()`函数确保得到的是一个大于等于1且小于等于10的整数,从而确定了要显示的图片编号。 除了直接使用数字...
6. IndexOutOfBoundsException:在访问数组、集合或其他序列结构时,如果索引值超出其合法范围(即大于等于长度或小于0),就会抛出此异常。 7. IllegalStateException:当对象处于不允许执行特定操作的状态时,会...
### JavaScript 中不同浏览器下的特性差异:clientHeight, offsetHeight, scrollHeight 及其他尺寸属性 在Web开发过程中,经常会遇到需要获取元素尺寸的情况,而不同的浏览器对于这些尺寸属性的实现和计算方式存在...
以“%”开头,[第几个数值$][flags][宽度][.精确度][格式] printf()的引入是为了照顾c语言程序员的感情需要 格式化输出 Formatter;格式化输入 Scanner;正则表达式 输出格式控制: 转义符: \ddd 1到3位8...
- `width` 和 `height`:定义图片的宽度和高度。 - `alt`:图片无法加载时的替代文本。 9. **`<hr>`**:定义水平线,用于分隔内容。 10. **列表**: - `<ul>` 和 `<li>`:无序列表。 - `<ol>` 和 `<li>`:有序...
如果这个值大于或等于100,我们就使用`.fadeIn(300)` 让悬浮窗口淡入;反之,如果小于100,则使用`.fadeOut(300)` 让它淡出。这里的数字300表示动画执行的毫秒数,数值越小,动画速度越快。 此外,示例中还包含了一...