具体请点击:http://www.verydemo.com/demo_c98_i22382.html
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达到放大效果
或者直接方法改变该值也行
就是简单改变图片的长度或者宽度。,当然了,如果使两张图片,大小图切换
也可以达到要求,反正不管怎么做就是要 点这一张图片,这张图片就放大,点另一张,另一张就放大,之前的图片恢复正常大小。
下面是我做的一个,但是做到这里就不会了,以前学的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达到放大效果
或者直接方法改变该值也行
相关推荐
图片分为大小和小图,大图占四个小图的位置, 2.点击图片放大缩小, 重新排列顺序, 3. 当点击偶数列(2,4)时,它前面的那项将向提出来向后面排列 4.第一个项不能动,点第二个是将占第三四的位置,从后面取第一个小的...
useful-JavaScript-Fragment本项目包含如下内容(还会陆续更新):注意,目前项目还处于初期阶段,还未进行完整的兼容性测试,欢迎指导和反馈!如果本项目对您有用或者有疑问的地方,请一定告诉我,非常之欢迎!本...
这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失。使用时候只需在控制台窗口执行jar就可以了。 Java 3DMenu 界面源码 5个目标文件 ...
这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失。使用时候只需在控制台窗口执行jar就可以了。 Java 3DMenu 界面源码 5个目标文件 ...
这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失。使用时候只需在控制台窗口执行jar就可以了。 Java 3DMenu 界面源码 5个目标文件 ...
这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失。使用时候只需在控制台窗口执行jar就可以了。 Java 3DMenu 界面源码 5个目标文件 ...
这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失。使用时候只需在控制台窗口执行jar就可以了。 Java 3DMenu 界面源码 5个目标文件 ...
这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失。使用时候只需在控制台窗口执行jar就可以了。 Java 3DMenu 界面源码 5个目标文件 ...
J2ME优化压缩PNG文件 4个目标文件 内容索引:JAVA源码,综合应用,J2me游戏,PNG,图形处理 这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失...
J2ME优化压缩PNG文件 4个目标文件 内容索引:JAVA源码,综合应用,J2me游戏,PNG,图形处理 这是个J2ME控制台程序,它能剔除PNG文件中的非关键数据段,减少文件大小从而达到压缩图片的目的。而图片的质量并不会受到损失...