JS----图片显示出来后放大缩小

原创 2016年05月31日 12:45:31
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function()
        {
            /*var divpostion = document.getElementById("bu1");
            divpostion.style.position="absolute";
            divpostion.style.top=700;
            divpostion.style.left=700;*/


        }
        function show()
        {
            var divdo = document.getElementById("a");
            divdo.innerHTML="<img src='xx.jpg' id='im'>"
            var dis =document.getElementById("im");
            dis.height=300;
            dis.width=300;
        }
        function big()
        {
                 var di =document.getElementById("im");


                di.height= di.height+100;
                  di.width=di.height+100;
        }
        function ss()
        {
            var di =document.getElementById("im");
            di.height= di.height-100;
            di.width=di.height-100;
        }
    </script>
</head>
<body>
  <div id="a">xxxx</div>
<form>
    <input type="button"onclick="show()">
    <input type="button" value="放大"onclick="big();" id="bu1" style="position: absolute;top: 600px;left: 500px" >
    <input type="button" value="缩小"onclick="ss();" id="bu2"style="position: absolute;top: 600px;left: 700px" >
    <input>
</form>
</body>
</html>

相关文章推荐

根据url下载一张大小为1M左右的图片,然后用个ImageView显示出来。不爆内存的哦!!!

public class NewsletterInfoManager extends TabManager { private static final NewsletterInfoManage...
  • liuxiIT
  • liuxiIT
  • 2012年03月21日 15:49
  • 3047

如何在spring mvc中上传图片并显示出来

如何在spring mvc中上传图片并显示出来 可以使用组件上传JspSmartUpload.这是一个类. f1" id="f1" > 用户名...

SSH 技术—— 分页 、图片集合显示出来代码

http://www.blogjava.net/BlogJava522935502/archive/2012/01/04/354039.html        ——转载他人的资料,合作共享...

iOS拍照 相册选取 保存PNG图片到Documents下,并利用UICollectionView显示出来

最近闲来无事,研究了一下拍照保存并利用UICollectionView显示出来 ,保存的同时会存一份缩略图到Documents的thumb文件夹下,UIColletionView显示先调去缩略图 ...
  • yespy
  • yespy
  • 2013年12月06日 15:41
  • 601

word2007中word文件转化成PDF时中不让图片路径显示出来:

word2007转化成PDF时中使图片路径不显示出来 word生成pdf经常会遇到这样的问题:鼠标移动到PDF中的图片上时总是显示图片路径。        最后我发...

Res目录下资源如图片文件和xml文件资源如何被加载显示出来

紧接上一篇 Android App启动时Apk资源加载机制源码分析 分析App启动时是如何加载初始化资源之后,接下来分析开发过程中调用显示资源View的Api接口(如设置背景图片)具体是如何把启动时加...

Android从相册中选择图片显示出来

下面的两篇博客我是选择其中的一部分使用的。大家可以自己试试。 第一篇:http://blog.csdn.net/jackyguo1992/article/details/26729107 ...

登录验证码(验证码图片用jsp显示出来的)

login.jsp 验证码:
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS----图片显示出来后放大缩小
举报原因:
原因补充:

(最多只允许输入30个字)