欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

js放大图片大小,该如何处理

更新时间: 2014-01-05 00:50:13 责任编辑: Author_N1

 

js放大图片大小
就是简单改变图片的长度或者宽度。,当然了,如果使两张图片,大小图切换
也可以达到要求,反正不管怎么做就是要 点这一张图片,这张图片就放大,点另一张,另一张就放大,之前的图片恢复正常大小。

下面是我做的一个,但是做到这里就不会了,以前学的web技术忘光了,谁帮我做出来,给100分。谢谢

以下仅供参考:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
  </head>
  
  <body>
    点击图片放大,点另一张时,上次放大的图片恢复正常. <br>
    <img id="m1" src="am1.jpg" heiht="100" width="100"  onclick="ck(m1)"/>图片一<br/>
    <img id="m2" src="am1.jpg" heiht="100" width="100"  onclick="ck(m2)"/>图片二<br/>
    <img id="m3" src="am1.jpg" heiht="100" width="100"  onclick="ck(m3)"/>图片三<br/>
      
      <script type="text/javascript">
       function ck (x) {
       m1.style.pixelHeight="200";
       m2.style.pixelWidth="200";
                  ...

       }
      </script>
  </body>
</html>

--参考方法--
function ck (x) {
  m1.Height="200";
  m2.Width="200";
  }

--参考方法--
可以写一个css有zoom:n (n代表放大的倍数),然后通过添加和去除css达到放大效果
或者直接方法改变该值也行
上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 00:50:13
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/360/
本文WWW.DOC100.NET DOC100.NET版权所有。