改变网页中图片大小的函数,双击变大,ctrl+双击变小

<script language="javascript">
function fangda_x(the)
{
//    alert (the.src);
//    alert (the.width);
//     alert (the.height);
var x_x=the.width;
var y_x=the.height;
var i_x=1.2;
var str1;
if (event.ctrlKey)
     {
    x_x=x_x/i_x;
    y_x=y_x/i_x;
    }
else
    {
    x_x=x_x*i_x;
    y_x=y_x*i_x;
    }
the.width=x_x;
the.height=y_x;
}
</script>
<html>
<body>
img src="aa.jpg" width="300" height="300" ondblclick="fangda_x(this)"></body>
</html>

时间: 2024-08-04 01:57:22

改变网页中图片大小的函数,双击变大,ctrl+双击变小的相关文章

怎么压缩PPT中图片大小

  怎么压缩PPT中图片大小            1.打开要压缩的PPT后,单击"文件"按钮,在跳转到的面板中选择"另存为",然后双击其右侧的"计算机"选项. 2.此时会弹出"另存为"对话框,选择"工具"下的"压缩图片",然后在弹出的"压缩图片"对话框中设置压缩选项以及目标输出,完成之后确定即可. 3.返回到"另存为"对话框中,我们选择要保存文件

压缩PPT中图片大小的方法

  压缩PPT中图片大小的方法          1.打开要压缩的PPT后,单击"文件"按钮,在跳转到的面板中选择"另存为",然后双击其右侧的"计算机"选项. 2.此时会弹出"另存为"对话框,选择"工具"下的"压缩图片",然后在弹出的"压缩图片"对话框中设置压缩选项以及目标输出,完成之后确定即可. 3.返回到"另存为"对话框中,我们选择要保存文件的

js-如何实现拖动修改网页中div大小

问题描述 如何实现拖动修改网页中div大小 使用angularJS框架 通过拖动两个相邻div边界改变两者大小 解决方案 参考以下代码试试 拖动div实现调换位置实现代码 http://www.111cn.net/js_a/javascript-s/41132.htm 解决方案二: 搜一下js吧,自己实现比较困难 解决方案三: 像这种与dom操作有关的东西,一般都是封装成指令,在指令里面进行dom操作,dom元素对象可以通过指令中的element获取,之后的事情就很明了了,就是些绑定事件,dom

网页中图片和文字相分离的方法

网页 快速保存网页中所有图片的方法 首先打开有图片的网页,完全打开后,在地址栏输入 javascript:Ai7Mg6P='';for%20(i7M1bQz=0;i7M1bQz<document.images.length;i7M1bQz++){Ai7Mg6P+='<img%20src='+document.images[i7M1bQz].src+'><br>'};if(Ai7Mg6P!=''){document.write('<center>'+Ai7Mg6P+

js获取图片大小的函数代码_javascript技巧

1.获取图片大小的函数getImageSize 复制代码 代码如下: function getImageSize(imageEl) { var i = new Image(); //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array(i.width, i.height); //返回图片的长宽像素 //return [i.width, i.height]; } 2.示例 复制代码 代码如下: var img

JavaScript在网页中画圆的函数arc使用方法_javascript技巧

一.arc所需要的参数设置 复制代码 代码如下: arc(x, y, radius, startAngle, endAngle, counterclockwise); 其中x,y,radius都很容易理解,那么重点说说startAngle,endAngle和counterclockwise三个参数! 二.arc参数详解     1,startAngle和endAngle分别指圆开始的角度和结束的角度,手册上面说的是开始的角度为0,结束的角度为Math.PI*2,这样正好画一个圆     2,下面

书上说link中的闭包和函数副作用两大概念怎么才能理解?详细一些,谢谢

问题描述 书上说link中的闭包和函数副作用两大概念怎么才能理解?详细一些,谢谢 书上说link中的闭包和函数副作用两大概念怎么才能理解?详细一些,谢谢 解决方案 函数的副作用是指,函数调用共享的变量,或者函数的运行除了参数以外,还涉及外部的状态.闭包是指,在匿名函数内部访问自由变量.

用CSS如何控制网页中图片自适应大小?

css|控制|网页|自适应 图片自动适应大小是一个非常常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢? 我们想到了一个比较简单的解决方法,虽然不是非常的完美,如果您的要求不是非常高,已经可以满足你的需要了.我们看下面的代码: div img { max-width:600px; width:600px; width:expression(document.body.clientWidth>600?"600px&qu

网页图片制作技巧:网页中图片最优显示

现在的网站大量的使用图片,那么这些图片如何优化才好呢?这里网页教学网列出了15个优化原则,与大家分享. 1)在网站设计之初,就先要做好规划,比如背景图片如何使用等等,做到心中有数. 2)编辑图片的时候,要做好裁剪,之展示必要的,重要的,同内容相关的部分. 3)在输出图片的时候,图片大小要设置妥当,长宽像素就设成你所需要的大小,而不要输出大图片,然后使用的时候,在指定较小的长宽,缩放图片. 4)尽量组合装饰性的图片,以节省http请求数,在具体使用时,采用CSS sprite的方式. 5)页面上的